The first section of this page we'll build is the header which contains the navigation labels
to get started.
Create a new file and save the file on your computer.
You can name the file whatever you like.
Also create your basic H GMO page structure as shown here since this entire header is nested inside
of a table.
That's the first thing we'll create.
So start by creating a table and I'll go over this and just a second
I've created a table here and the width is 100 percent so it'll expand and contract with the web browser
the height is 60 pixels 0 border Cell padding of 5 sorry so spacing of 5 and Cell padding of 5 as well
give it a background color of block and so that's the hex code for black
inside this table create a single table roll
inside this row create a single table column
and give it a a line attribute set to left so anything contained in this column will be aligned to the
left
OK.
So we have a table created with one row in one column inside this table.
We're gonna create a nested table
so this nested table will have a fixed width of five hundred and forty seven pixels border of zero a
lie a central alignment because we want all the links aligned in the middle
and a Cell padding and spacing of 1 now each link will need to be situated inside its own column so
we'll have to create 5 columns inside this table.
Here is the first column.
It has a with of 96 pixels.
We've also created a font attribute and set the face to Vedanta Geneva and sans serif
the colour of the text will be white.
And we've placed the link label inside an H3 element so it's it gives it a slightly larger font size
then we close the font tag enclosed the T.D. column date.
Now you'll need to do this for all the remaining link labels
so it's the same code.
The only difference is that the width for each column is slightly different because some labels are
longer than others and of course the label is also different for each item
and that's how that first section was created so you can see it's fairly simple.