We are about to create our first table which will hold the name of the
website. I always create my tags in pairs to cut down on
errors. So on line 23 type what you see in the image below
then
hit enter twice and enter the ending table tag on line 25 just as it is
shown below.
Now that the table is created lets create the table row ()
and the
table cell (). Click on line 24 and hit tab
once. Then
create the starting () tag. Hit enter twice and
create
the ending () tag. Now click on line 25 and create the
starting () tag as shown below then hit enter twice and
create
the ending () tag. Once this is done it should
look like
the image below.
Now the html part of this table is complete. If you do not
have
the tutorial_css.css file open yet, do so now. Once opened we
are
going to add the classes that define how the table is rendered in our
layout.
Type the following css styling in the tutorial_css.css file so that it
resembles the image below.
Now the first table we created was aligned in the center of the page
and had a style class called 'table_1' and the cell had a
style
called table_1_cell_1. In the css file we create the style
class
and tell it how we want it to look. This defines exactly how
the
table will be layed out when you view it. If you have opted
to
install the default template then you can copy and paste both the index
and css file to see what it looks like so far. If you choose
to
do so it should look like the following image:
Click to Enlarge
The text may differ according to the name of your website.
Now that we have the first table in place with the styles assigned,
lets move on to the next one.
; "Click to Enlarge")
; "Click to Enlarge")
; "Click to Enlarge"){kind=small}
; "Click to Enlarge")
; "Click to Enlarge"){kind=small}
