Hello dear readers! welcome back to another section of my tutorial on Html. In my last tutorial guide, i talked about Html tables though i did not round up with the tutorial guide. In this tutorial guide am going to be rounding up with the Html tables that we treated from the previous tutorial.
The caption tag serves as a tittle or explanation for the table and it shows up at the top of the table. This tag is deprecated in newer version of HTML/XHTML. Let us quickly look at the example below.
You can also read our tutorial post on: Html Introduction
Just as i use to recommend in my previous tutorials, feel free to try the above code out using your text editor for a better understanding. You can also drop your questions via the comment box, i promise to attend to your questions as soon as possible.
Table Header, Body, and Footer
A table is divided into three parts: a header, body, and foot. The head and foot are similar to the headers and footers in the word-processing document that remain the same for every page, while the body is the main content holder of the table.
The three elements for separating the head, body, and foot of a table are:
<thead> - to create a separate table header.
<tbody> - to indicate the main body of the table.
<tfoot> - to create a separate table footer.
A Html table may contain several <tbody> elements for indicating different pages of data. But it is notable that <thead> and <tfoot> tags should appear before the <tbody>. Take a good look at the example below.
You can also read our tutorial post on: Html Document Structure
You can try the above code out for clearer understanding.
You can use one table inside of another table. Not only tables you can use almost all the tags inside table data tags <td>.
You can try the above code using your text editor. That is it for Html Tables. In my next tutorial guide, am going to be talking about Html lists.