Share this Page URL

Chapter 10. Table Talk: Adding Tables to... > Web Woodworking: How to Build a Tabl... - Pg. 109

Table Talk: Adding Tables to Your Page 109 Now you divide that row into columns by placing the <TD> (table data) and </TD> tags between <TR> and </TR>. Each <TD></TD> combination represents one column (or, more specifically, an individual cell in the row), so if you want a three-column table (with a border), you do this: <TABLE BORDER="1"> <TR> <TD></TD> <TD></TD> <TD></TD> </TR> </TABLE> Now you enter the row's cell data by typing text between each <TD> tag and its </TD> end tag: <TABLE BORDER="1"> <TR> <TD>Cabbage</TD> <TD>124 pounds</TD> <TD>1989</TD> </TR> </TABLE> Remember that you can put any of the following within the <TD> and </TD> tags: · Text · · · · HTML text-formatting tags (such as <B> and <I>) Links Lists Images Adding More Rows Page Pitfalls Text formatting tags will work within only a single cell at a time. For example, you can't surround a table with the <FONT> and </FONT> tags in an effort to format, say, the font color for all the text in the table. When your first row is firmly in place, you repeat the procedure for the other rows in the table. For our example table, here's the HTML that includes the data for all the rows: <TABLE BORDER="1"> <TR> <TD>Cabbage</TD><TD>124 pounds</TD><TD>1989</TD> </TR> <TR> <TD>Carrot</TD><TD>6 feet, 10 &#189; inches</TD><TD>1991</TD> </TR> <TR> <TD>Celery</TD><TD>46 pounds, 1 ounce</TD><TD>1990</TD> </TR> <TR> <TD>Cucumber</TD><TD>20 pounds, 1 ounce</TD><TD>1991</TD> </TR> <TR> <TD>Marrow</TD><TD>108 pounds, 2 ounces</TD><TD>1990</TD> </TR>