Advanced Tables

Section 1 - Introduction
Section 2 - Basics
Section 3 - Next Level
Section 4 - Advanced
      Fancy Lists
      Forms
      Advanced Tables
         Color tables
         Background images
         Nested tables
         Formatting with tables
         You try it
      Frames
      Style Sheets
      Image Maps
Section 5 - Publishing
Section 6 - Extras
Appendices
You try it!
Idea: Use advanced table-making on your site.

Here's How: Here is a French-flag table, along with a couple other formatting techniques.This is an example of what can be done with tables.
<html>
<head>
<title> French Flag </title>
</head>
<body>
<table border=1 width=100% cellpadding=4>
<tr>
<td>
<table border=0 cellpadding=0 cellspacing=0>
<tr>
<td bgcolor="blue" width=50>
<font color="white">Symbolizes the Capetian dynasty of Paris </font>
</td>
<td bgcolor="white" width=50>
<font color="blue">Color of the Bourbon kings </font>
</td>
<td bgcolor="red" width=50>
<font color="white">Representing the Carolignians </font>
</td>
</tr>
</table>
</td>
<td>
The French flag has meant different things throughout the centuries. The meanings shown at the left are the older meaning, but more modern meanings are also listed. The blue represents the legislative power (ironic because a blue-blood is a royal, something the French did away with in the late 18th century.) <br>
<br>
The central white color is supposed to represent the executive branch of government, or possibly royalty. This could also be considered ironic because white is a symbol of peace, innocence, and surrender. Usually these are not words commonly assiciated with the leaders of countries. <br>
<br>
The final stripe of the tri-color banner is supposed to represent the people. This color was waved by the citizens of France during the French Revolution. </td>
</tr>
</table>
</body>
</html>


Now it's your turn. Add flair to your tables and make your page well-formatted.
Back Home Forward