HTML Table Tutorial for beginners. Learn how to create tables in HTML using table, tr, th, and td tags with simple student table examples.
ЁЯСЙ Table рдмрдирд╛рдирд╛ (Beginner)
рдпрд╣ HTML Table Tutorial рдирдП рдЫрд╛рддреНрд░реЛрдВ рдХреЛ step-by-step рд╕рдордЭрд╛рддрд╛ рд╣реИ рдХрд┐ HTML рдореЗрдВ rows рдФрд░ columns рдХреЗ рд░реВрдк рдореЗрдВ data рдХреИрд╕реЗ рджрд┐рдЦрд╛рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред
ЁЯз╛ Table рдХреНрдпрд╛ рд╣реЛрддреА рд╣реИ?
Table рдХрд╛ рдорддрд▓рдм рд╣реИ Row рдФрд░ Column рдореЗрдВ Data рджрд┐рдЦрд╛рдирд╛
рдЬреИрд╕реЗ тАУ Student List, Fees Chart, Result рдЖрджрд┐
ЁЯЦея╕П STEP 1: index.html рдЦреЛрд▓рд┐рдП
Right Click тЖТ Open with тЖТ Notepad
тЬНя╕П STEP 2: рдпреЗ Code рд▓рд┐рдЦрд┐рдП
(Body рдХреЗ рдЕрдВрджрд░)
<h2>Student Table</h2>
<table border=”1″>
┬а┬а┬а <tr>
┬а┬а┬а┬а┬а┬а┬а <th>Roll No</th>
┬а┬а┬а┬а┬а┬а┬а <th>Name</th>
┬а┬а┬а┬а┬а┬а┬а <th>Class</th>
┬а┬а┬а </tr>
┬а┬а┬а <tr>
┬а┬а┬а┬а┬а┬а┬а <td>1</td>
┬а┬а┬а┬а┬а┬а┬а <td>Rahul</td>
┬а┬а┬а┬а┬а┬а┬а <td>10th</td>
┬а┬а┬а </tr>
┬а┬а┬а <tr>
┬а┬а┬а┬а┬а┬а┬а <td>2</td>
┬а┬а┬а┬а┬а┬а┬а <td>Neha</td>
┬а┬а┬а┬а┬а┬а┬а <td>12th</td>
┬а┬а┬а </tr>
</table>
ЁЯТ╛ STEP 3: Save & Open
- Ctrl + S
- index.html рдкрд░ Double Click
ЁЯза рд╕рдордЭрд┐рдП (Important)
- <table> = Table рд╢реБрд░реВ
- <tr> = Table Row
- <th> = Heading Cell
- <td> = Data Cell
- border=”1″ = Border рджрд┐рдЦрд╛рдиреЗ рдХреЗ рд▓рд┐рдП
тЬНя╕П рдЫреЛрдЯрд╛ Practice
рдПрдХ рдФрд░ Row рдЬреЛрдбрд╝рд┐рдП:
<tr>
┬а┬а┬а <td>3</td>
┬а┬а┬а <td>Amit</td>
┬а┬а┬а <td>9th</td>
</tr>
Read More:HTML List Tutorial тАУ Bullet & Number Lists (Lesson 05)






