|New let's put into practice what we have discussed. Let's add a 500 pixel wide table to your Template5.html file. We want the table to have three rows, 1 box inside each row, a border of 1 pixel wide, and the contents inside the cells to be centered. After you have created the table, move the "Hello World" inside the top cell (row 1 - cell 1). Then move the font tags and the "Enter Here" into the cell in the second row (row 2 - cell 1). Finally leave row 3 - cell 1 empty. Open the Template5.html file into your text editor, add the following code and save the new file as Template6.html. |
Table - source code
Template6.html - source code
Now open Template6.html in your web browser and take a look at your new table. You might want to bookmark this tutorial. We will be creating many tables during the next several articles.You can continue to experiment with the table by adding, removing and changing the attribute/value pairs for each tag. When you are done put the code in Template6.html back to the above code and save it again.