More Advanced HTML - 1

OK. You have now got the basics. You can do most things on the Web.

But now you want to do more. You want to lay things out a bit better, or split the page up into sections - just like you've seen on the web. We'll do Tables and Frames to help you do this. We'll also look at Forms, which allow you to take input from users - and get them to send it back to you by email.

We'll then show you how to do some other tricks and neat effects, such as using Javascript, Java Applets, and more.

So where do we start. Let's start with Tables.

Tables - now depricated - advised now to use CSS files - however, there is always times when a good table just makes it so much simpler

These allow you to split the screen into rows and columns - known as cells - then to put words and pictures. These are used by most of the HTML editor programs to lay pictures etc out.

If you've used tables within Word or another Wordprocessor - you'll already understand how they work (rows and columns). If not, here is a potted history....

This table has one row and two columns.

|---------------|---------------|
|||
|||
|---------------|---------------|

So how are you going to create tables. First you need to know the tags.

<table> and </table>
<tr> and </tr>
<td> and </td>

Next, the order in which you use them.
The table tag must be first and last.

The tr tag is next in order and creates the rows

The td tag creates the cells or columns.

So here's how to create a table (like the one above) with one cell and two rows.

<table>
<tr>
<td> </td> <td> </td>
</tr>
</table>

So now to use this.
Well you insert any text or images within the cells (the td tags)

Let's put an image in the left cell and some text in the right.

<table>
<tr>
<td><img src="image.jpg"></td> <td>Hello George</td>
</tr>
</table>

Use an image you have on your harddrive and you will find that it is situated within the left cell and 'Hello George' should appear on it's right. This is how it should appear

Hello George
Back to Selection or Continue
Any questions/feedback