HTML Table Color & Link

To learn how to create and design of a table by HTML coding, you have to need link and its coloring. Now let’s learn how can you make a colorfull table and create a with that table or table text.

1. Table Color in HTML

HTML CodingArrow

Show in BrowserArrow

[code language=”css”]
<table bgcolor=red>
<tr>
<td>Background Color Red</td>
</tr>
</table>
[/code]

Background Color Red

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

1. Specific Row Color in HTML

HTML CodingArrow

Show in BrowserArrow

[code language=”css”]
<table border=4>
<tr bgcolor=red>
<td>Row color Red</td>
<td>Red</td>
<td>Red</td>
</tr>
<tr bgcolor=green>
<td>Row color Green</td>
<td>Green</td>
<td>Green</td>
</tr>
<tr bgcolor=blue>
<td>Row color Blue</td>
<td>Blue</td>
<td>Blue</td>
</tr>
</table>
[/code]
Row color Reb Reb Reb
Row color Green Green Green
Row color Blue Blue Blue

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

1. Specific Column Color in HTML

HTML CodingArrow

Show in BrowserArrow

[code language=”css”]
<table border=4>
<tr>
<td bgcolor=red>Column Red</td>
<td bgcolor=green>Column Green</td>
<td bgcolor=blue>Column Blue</td>
</tr>
<tr>
<td bgcolor=red>Red</td>
<td bgcolor=green>Green</td>
<td bgcolor=blue>Blue</td>
</tr>
<tr>
<td bgcolor=red>Red</td>
<td bgcolor=green>Green</td>
<td bgcolor=blue>Blue</td>
</tr>
</table>
[/code]
Column Red Column Green Column Blue
Red Green Blue
Red Green Blue

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

1. Total Table Link in HTML

HTML CodingArrow

Show in BrowserArrow

[code language=”css”]
<a href="http://noyon.me"><table border=4>
<tr>
<td>Table Link</td>
<td>Table Link</td>
</tr>
<tr>
<td>Table Link</td>
<td>Table Link</td>
</tr>
</table></a>
[/code]

Table Link Table Link
Table Link Table Link

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

1. Specific Text Link in HTML

HTML CodingArrow

Show in BrowserArrow

[code language=”css”]
<table border=4>
<tr>
<td><a href="http://noyon.me">Text Link</a></td>
<td><a href="http://noyon.me">Text Link</a></td>
</tr>
<tr>
<td><a href="http://noyon.me">Text Link</a></td>
<td><a href="http://noyon.me">Text Link</a></td>
</tr>
</table>
[/code]
Text Link Text Link
Text Link Text Link