Link in a table a dreamweaver HTML tutorial

You will learn how to set a link in a table or a single cell with a help of a short on.click script using Adobe Dreamweaver. Using tables may be a bit old school, but it's a great way to learn about the HTML basics.

Create a new HTML document.

If you already know this basic steps and you only want to see the script part then skip to the step 8.

Click Table.

In the new table settings window set the 1 x 3 sized table and widht to 320 pixels.

Click OK.

Now click the middle cell of the table (see picture).

Set the background color and the height (H) to about 50 (see picture).

Click Code, to activate the Code view.

As you selected the cell you the cursor should be right where that cell is located in the code.

Notice the bgcolor tag (background color), click exactly behind the " char (see picture).

Now copy and paste the following code:

onClick="document.location.href='http://www.dreevoo.com';"

There should be a space between the " and the code you just pasted.

You can enter any website you want of course.

This is how it looks like when I scroll to the right a bit.

Save the page and press the F12 to check what you just did.

If you now click the square ...

... you should end up on the website you defined in the script.