This tutorial will teach you how to use tables within your html documents. A Table is started with the
tag and is ended with the
tag, in between these we have the
and the
tags, a
tag is the table row and the
tag is the table column, the
tag must be before the
tags and the
closing tag must be after the
, here is an example.
If you put this into your webpage as well as the structure of the site i.e the etc then load the page up you will be able to see the table with two columns. There are two other tags to mention regarding tables at this point and they are, Cell Spacing and Cell Padding. Basically he padding makes the table area bigger without changing what the border looks like, it only changes the size, the cell spacing adds a blank area around the table, and the higher the pixel spacing the more white around the table. In order to add cell spacing and cell padding type the following code:
Now that we understand the basic structure system, we will need to add content to the table. This is a very simple task, all you need to do is type what you want in between the
tags, I will note know that with tags it does not matter whether the tag is
or
or even
. Here is an example of putting content into the page.
Item 1
Item 2
Now if you load up your page, there will be item 1 and item 2, but unless you highlight them you wont be able to see the text as they are by default in black text and our background colour is black, so this moves us onto the next subject. Firstly we will want to change the colour of the text, we will also change the size and the actual font to Arial instead of Times new Roman.
Item 1
Item 2
As you can see the tags must be placed around the actual text, if you do not use the closing tag, any text beyond where you placed the code will be specified to those requirements. Firstly we will speak about the face, you have to be careful what fonts you will use in a plain basic html document as not everyone has the same fonts on there server and if they don’t have the font you ask for it will go to the default font on their server. The font text can be set using various methods here we have the between font size 1 and 7, 1 being the smallest and 7 the biggest size to use. Written by http://www.diyconservatories-and-windows.co.uk/
Disclaimer: The information presented and opinions expressed herein are those of the authors and do not necessarily represent the views of ArticlePros.com and/or its partners.
