17th May 2008

HTML part 2 - The code structure for the web page

Welcome to the 6th part of our tutorial.

1 - Finding a host	2 - Programs	3 - Designing page layout
4 - Designing part 2	5 - Intro to HTML	6 - Intro to HTML Part 2
7 - Creating the page

So, now you have a basic idea of how HTML tags work we should now look at creating the page we are going to use as an example.

First we need to split our page into three sections, to do this we will use a simple table with 3 rows, the first row for the logo/Title, the second row for the links to other pages and the third row for our page content, in our example we are going to give each row a border so we can see how they are separated.

We have included some more tags, for instance, the <CENTER> tags are used to centre align the text/image. The <BR> tag is used to start a new line.

Below is the HTML code which will achieve this result:

<HTML>
<HEAD>
<TITLE>Our new webpage title</TITLE>
</HEAD>
<BODY>

<table border="1" width="100%">
<tr>
<td width="100%"><center>This is the top row, place Logo/title here</center></td>
</tr>
<tr>
<td width="100%"><center>This is the second row, place links here</center></td>
</tr>
<tr>
<td width="100%"><p>This is the third row, place main content here<br>second line of content...</p></td>
</tr>
</table>

</BODY>
</HTML>

To see a working example of the above code click here.

Click here to continue the tutorial.