HTML Table Tag

Posted on by

Table is vary important tag for a website. A table has various kind of tag or html coding. Such as Table Row, Table Column, Row-Column Spacing, Table Border, Table Color etc.

1. A Table for 1-Row, 1-Column

HTML Coding

Show in Browser

[html]

<table>
<tr>
<td>Column-1</td>
</tr>
</table>

[/html]
column-1.jpg

 

2. A Table for 1-Row, 2-Column

HTML Coding

Show in Browser

[html]
<table>
<tr>
<td>Column-1</td>
<td>Column-2</td>
</tr>
</table>
[/html]

1-Row, 2-Column

 

3. A Table for 1-Row, 3-Column

HTML Coding

Show in Browser

[html]
<table>
<tr>
<td>Column-1</td>
<td>Column-2</td>
<td>Column-3</td>
</tr>
</table>
[/html]
1-Row, 3-Column

===========================================================================

1. A Table for 2-Row, 1-Column

HTML Coding

Show in Browser

[html]
<table>
<tr>
<td>Row-1</td>
</tr>
<tr>
<td>Row-2</td>
</tr>
</table>
[/html]
2-Row, 1-Column

 

2. A Table for 3-Row, 1-Column

HTML Coding

Show in Browser

[html]
<table>
<tr>
<td>Row-1</td>
</tr>
<tr>
<td>Row-2</td>
</tr>
<tr>
<td>Row-3</td>
</tr>
</table>
[/html]
3-Row, 1-Column

===========================================================================

1. A Table for 2-Row, 2-Column

HTML Coding

Show in Browser

[html]

<table>
<tr>
<td>Row-1</td>
<td>Column-2</td>
</tr>
<tr>
<td>Row-2</td>
<td>Column-2</td>
</tr>
</table>
[/html]
2-Row, 2-Column

===========================================================================

1. A Table for 3-Row, 3-Column

HTML Coding

Show in Browser

[html]
<table>
<tr>
<td>Row-1</td>
<td>Column-2</td>
<td>Column-3</td>
</tr>
<tr>
<td>Row-2</td>
<td>Column-2</td>
<td>Column-3</td>
</tr>
<tr>
<td>Row-3</td>
<td>Column-2</td>
<td>Column-3</td>
</tr>
</table>
[/html]
3-Row, 3-Column

===========================================================================

Table Border=1

HTML Coding

Show in Browser
[html]
<table border=1>
<tr>
<td>Table Border=1</td>
</tr>
</table>
[/html]
Table Border=1

Table Border=10

HTML Coding

Show in Browser
[html]
<table border=10>
<tr>
<td>Table Border=10</td>
</tr>
</table>
[/html]
Table Border=10