1.

HTML Elements: Tables

Answer»


  • <table>...</table>: The HTML <table> element is used to display tabular data, which is information presented in a two dimensional table with rows and columns of data filled cells.


  • <caption>...</caption>: The HTML Table Caption element (<caption>) specifies a table's caption (or title), and is always the first child of a <table> if it is utilised.


  • <thead>...</thead>: The HTML <thead> element creates a series of rows that constitute the table's column heads.


  • <tbody>...</tbody>: The HTML Table Body element (<tbody>) incorporates a collection of table rows (<tr> elements) that make up the table's body (<table>).


  • <td>...</td>: The HTML <td> element designates a data-filled table cell. It is a part of the table model.


  • <tr>...</tr>: A row of cells in a table is defined using the HTML <tr> element. Cells for the row can then be created using a combination of <td> (data cell) and <th> (header cell) components.


  • <th>...</th>: A cell is designated as the header of a set of table cells by the HTML <th> element. The scope and header attribute specify the exact nature of this group.


  • <tfoot>...</tfoot>: The HTML <tfoot> element defines a series of rows that summarise the table's columns.

An example that shows the usage of a table in HTML is given below:

<table>
<caption>Details about Tables in HTML</caption>
<thead>
<tr>
<th rowspan="5">HTML table's header</th>
</tr>
</thead>
<tbody>
<tr>
<td>Body of the table</td>
<td>Table has 5 rows</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>Footer of the table </td>
</tr>
</tfoot>
</table>


Discussion

No Comment Found