Share on Google+Share on Google+

HTML 5 <table> Tag, Definition of <table> tag in html5

Advertisement
In this discussion, We will introduce about the use of <table> tag in html5.

HTML 5 <table> Tag, Definition of <table> tag in html5

In this discussion, We will introduce about the use of <table> tag in html5. This tag is used to create the table in the html document . Simple table can have any no of <th>(table header), <tr>(table row), <td>(table cell) tag. The <caption> tag defines the title of the table and used just after the <table> tag. The <caption> tag used only once for a <table> tag. The caption by default apears centered and above the table. There is no specific attribute of this tag and "align" attribute is not supported in html5.

Declaration Syntax:

<table>Table Content </table>

This tag have a "summary" attribute which specify the summary of the table. but we avoid the use of this attribute and use caption tag if summary required.

Example:table_tag.html

<!DOCTYPE html>
<html>
<head>
<title>Example of table tag</title>
</head>
<body>
<table border="1">
<caption><b> Table</b></caption>
<tr>
        <th>Employee</th>
        <th>DOB</th>
</tr>
<tr>
         <td>Gyan singh</td>
         <td>1-3-87</td>
</tr>
<tr>
        <td>Bikrant</td>
        <td>14-2-86</td>
</tr>
</table>
</body> 
</html>

Output:

 

Download This Example:

Difference between html4.01 and html5:

In table tag  "summary" attribute is new in the html5.

Advertisements

Advertisement

Posted on: September 14, 2010 If you enjoyed this post then why not add us on Google+? Add us to your Circles

Share this Tutorial Follow us on Twitter, or add us on Facebook or Google Plus to keep you updated with the recent trends of Java and other open source platforms.