Marusya's School Notes

Table: Definition

HTML tables are used to organize webpage elements spatially or to create a structure for data that is best displayed in tabular or columnal form. Tables are placed within the <body> element in the HTML document:

Table borders are invisible (I have styled the borders to be seen in this demonstration).
Tables are defined with the <table> tag.
Tables are divided into table rows (horizontal) with the <tr> tag.
A table row can also be divided into table headings with the <th> tag. Headings are always in bold and centered.
Table rows are divided into table data cells with the <td> tag. Any cell can contain text, images, lists, or even other tables.

HTML file:

Displayed by browser:

<p>THIS IS A TABLE</p>
<table>
  <tr>
    <th>Heading#1</td>
    <th>Heading#2</td>
    <th>Heading#3</td>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
  </tr>
  <tr>
    <td>John</td>
    <td>Doe</td>
    <td>80</td>
  </tr>
</table>

THIS IS A TABLE

Heading#1	Heading#2	Heading#3
Jill	Smith	50
Eve	Jackson	94
John	Doe	80