HTML Table Tutorial: Create Tables in HTML (Lesson 06)

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)

Read More: ADCA MCQS TEST