HTML Table
Definition
-
The best way to split a page into different sections is to use HTML <table> tag.
-
HTML Table section is top of (start with) <table> tag, and closed it right down at the </table> tag. Everything in between those two tags is inside the table, as you can see in following screenshot.
-
Look at the following figure, <table> tag inside you need two more tag first is <tr> tag, which stands for table row. It is closed with the </tr> tag. And another one is <td> tag, which stands for table data.
-
Every time you add a <tr> tag, when table will gain an extra row. In the table you just made, these is only one row section, so these is only one row.
-
HTML <td> tag stands for table data (also say table column), and it places one cell in your table row.
-
HTML table you also merge two or more column or two or more row merge using respectively colspan or rowspan attributes.
Understanding <table> Tags
<table> Attributes
| Attributes | Value | Description |
|---|---|---|
| align | left, right, center | Declared your alignment side. |
| width | "size_px" | Specify the Width Size of the Table. |
| height | "size_px" | Specify the Height Size of the Table. |
| bgcolor | "purple" | Specify the Background Color. |
| background | "specified_URL" | Specify the Background Image open for URL file. |
| border | "size_px" | Specify the size of border thickness. |
| bordercolor | "yellow" | Specify the color of border. |
| cellspacing | "size_px" | Specify the space between two Cell. |
| cellpadding | "size_px" | Specify the space between cell boundary and text. |
<th> Attributes
| Attributes | Value | Description |
|---|---|---|
| bgcolor | "purple" | Specify the Background Color. |
| colspan | "Column_N" | Specify the span of there column. |
| rowspan | "Row_N" | Specify the span of there Row. |
<tr> Attributes
| Attributes | Value | Description |
|---|---|---|
| bgcolor | "purple" | Specify the Background Color. |