Website design & development

Tables and Divs

To continue, you have two basic options for the layout of your site. You can use either tables or div tags. For now, we will start with tables.

Like all other tags, tables also need opening and closing tags. Inside our initial table, we will start with just table rows < tr > and table collumns < td >.

A table works as follows:

I know, you are getting confused, but just push on, it will become clear soon.
You open up the table in order to put anything in it. Then you have to open a table row in order to put collumns in that row. You can add as many collumns as you want as long as you open and close each one. After you have closed your last collumn you need to close your row. Add as many rows as you need and after you have closed the last one, close your table.

If you have closed your files. open both your .css file and your .html file with notepad. In your .html file, replace "My first site" next to your opening body tag with < center >. no spaces.
Press enter key. In the new line, start creating a table to look like my example. If you want to copy and paste, remember to remove my notes to you.

You will notice that we have two collumns in one row. you should never make your tables too big. Rather create two seperate tables which will allow the browser to load your page faster. Lets set the size of our tables them we can move on to content page.

Click in your opening table tag between the "e" and the ">". Hit your spacebar and type in width="100%"
Do the same in your opening collumn tags, but make the first collumn 70% and the second 30%. Your page coding should now look like this. Makes sure your tags looks exaclty the same, even extra or left out spaces will make a difference.