HTML Table Tag Example with Attributes

  • In HTML Table will be created by using <table>table data goes here..</table> tag.
  • We know that table contains Rows and Columns, those are defined with tr and td.
  • <tr> stands for Table Row which is used to make a Row.
  • <td> stands for Table Data that is used to make a Column.
  • Table heading can be defined by using <th>Name</th>
  • Cellpadding and Cellspacing is used to adjust the white space in table cell.
  • Cellspacing defines the width of the border. cellspacing="0" cellpadding="15"
  • Cellpadding represents the distance between cell borders and the content within.
    <caption> Books Information</caption> tag will serve as a title and show at the top of the table.

 

 

 

Example HTML Table Code:

 

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<table border="1" cellpadding="15"  cellspacing="0" align="center" width="30%">
<caption><u>Books Information</u></caption>
<!--------Heading starts----------->
<tr style="color:#06F">
     <th>NAME</th>
     <th>Available BOOKS</th>
     <th>PRICE</th>
     </tr>
<!--------Heading Ends----------->

<!--------1st Row starts----------->
<tr>
     <td>Ramayanam</td>
     <td>1000</td>
     <td>75</td>
</tr>
<!--------1st Row Ends----------->

<!--------2nd Row starts----------->
<tr>
  
   <td>Oxford Dictionary</td>
   <td>900</td>
   <td>500</td>
</tr>
<!---------2nd Row Ends----------->
<!--------3rd Row starts----------->
<tr>
   <td>Novels</td>
   <td>500</td>
   <td>200</td>
</tr>
<!--------3rd Row ends----------->
</table>

</body>
</html>

OUTPUT:

html table programming9