Home  |  Helpdesk  |  Product Help  |  Demon Web Hosting  |  Learn HTML  |  Webpage Creation - Step 6

Webpage Creation - Step 6

A Complicated Table

Well, now you know a lot of tags and attributes, let's get a complicated table togther for you to look at.

First we shall look at the code and then how it gets rendered by the browser.

So, open a text editor, or you can use myfirstpage.html again if you wish, and type in the following.

<table border="1" cellpadding="2" cellspacing="2" width="60%">
 <tr>
   <td>Table Heading - My First Complicated Table, spanning 3 columns</td>
 </tr>
 <tr>
   <td>Content A</td><td>Content B</td><td>Content C</td>
 </tr>
 <tr>
   <td colspan="2">This spans two columns</td><td>Last cell in row</td>
 </tr>
 <tr>
   <td rowspan="3" colspan="2" valign="top" align="center">This spans three rows</td><td>row 1</td>
 </tr>
 <tr>
   <td align="right">row 2</td>
 </tr>
 <tr>
   <td>row 3</td>
 </tr>
 <tr>
   <td><img src="images/mypic.gif" width="40" height="50" alt="" border="0"></td>
   <td colspan="2"><a href="myfirstpage.html">My First Page</a> - click this link to go there</td>
 </tr>
</table>

And this is what it should look like in the browser:

Table Heading - My First Complicated Table, spanning 3 columns
Content A	Content B	Content C
This spans two columns		Last cell in row
This spans three rows		row 1
		row 2
		row 3
	My First Page

Tables can be quite complicated to work out, but it really is worth spending time on them, as later on you will find that tables will become a large part of your webpage presentation aids.

Congratulations, you're done, if your happy with that, go to the last step, Step 7 for a summary of what you have learnt.

Seven easy steps - start from the begining or skip to the section you want:
Index	Step 1	Step 2	Step 3	Step 4	Step 5	Step 6	Step 7

---