Scribd
Upload
26 views

Learning: Junior Private School Shanga A.salih

The document discusses the basic structure of HTML tables using tags like <table>, <tr>, <td>, and <th>. It explains that <table> defines the table, <tr> defines each table row, <td> defines each table cell, and <th> defines table headings. It provides an example of a simple HTML table with headings and cells, and the resulting table.

Uploaded by

Hevar Farooq
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
26 views

Learning: Junior Private School Shanga A.salih

The document discusses the basic structure of HTML tables using tags like <table>, <tr>, <td>, and <th>. It explains that <table> defines the table, <tr> defines each table row, <td> defines each table cell, and <th> defines table headings. It provides an example of a simple HTML table with headings and cells, and the resulting table.

Uploaded by

Hevar Farooq
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 9

HTML Learning

Junior Private School Grade


7
Shanga A.salih
Basic Table Structure
• <table>
The <table> element is used <table> (open tag)
to create a table. The contents
of the table are written out row </table> (close tag)
by row.

• <tr>
You indicate the start of each
row using the opening <tr> tag. <tr> (open tag)
(The tr stands for table row.)
It is followed by one or more
<td> elements (one for each cell </tr> (close tag)
in that row).
At the end of the row you use a
closing </tr> tag.
Basic Table Structure
• <td>
Each cell of a table is
represented using a <td> <td> (open tag)
element.
(The td stands for table data.) </td> (close tag)
At the end of each cell you use a
closing </td> tag.
Basic Table Structure
• <th>
The <th> element is used just
like the <td> element but its
purpose is to represent the
heading for either a column or <th> (open tag)
a row. (The th stands for table heading.)
Even if a cell has no content, </th> (close tag)
you should still use a <td> or
<th> element to represent
the presence of an empty cell
otherwise the table will not
render correctly. (The first cell
in the first row of this example
shows an empty cell.)
: Creating table
<table>
<tr>
<th>Name</th>
<th>Age</th>
<th>Gender</th>
</tr>
<tr>
<td>Sara </td>
<td>17</td>
<td>Female</td>
</tr>
</table>
Result

Result
Example
• <table>
• <tr>
• <th></th>
• <th >Saturday</th>
• <th >Sunday</th>
• </tr>
• <tr>
• <th >Tickets sold:</th>
• <td>120</td>
• <td>135</td>
• </tr>
• <tr>
• <th >Total sales:</th>
• <td>$600</td>

• <td>$675</td>
• </tr>
• </table>
Result
<html>

<body>
<h1> Thank you </h1>
</body>

</html>

You might also like