tables in html

Html tables and table elements and table attributes 

HTML tables are used to organize and display data in a tabular format. 
They are created using the <table> element, which is a container for all other table elements.

Table elements:

<tr>: table row element, which is used to create a row in the table
<th>: table header element, which is used to create a header cell in the table
<td>: table data element, which is used to create a regular cell in the table

Table attributes:

border: specifies the border size of the table
cellspacing: specifies the space between cells
cellpadding: specifies the space between a cell's content and its border
width: specifies the width of the table
height: specifies the height of the table
align: specifies the alignment of the table (left, right, center)
bgcolor: specifies the background color of the table

Example:

Header 1 Header 2
Row 1, Cell 1 Row 1, Cell 2
Row 2, Cell 1 Row 2, Cell 2


<table border="1" 
cellspacing="0" cellpadding="5" 
width="100%">
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>Row 1, Cell 1</td>
<td>Row 1, Cell 2</td>
</tr>
<tr>
<td>Row 2, Cell 1</td>
<td>Row 2, Cell 2</td>
</tr>
</table>       

No comments:

Post a Comment