Creating tables in HTML

First of all

HTML is easy to program with experience, and you don't need fancy editors, or programs like Microsoft's Frontpage, as these tend to complicate the code. All you need to program a good webpage is a simple text editor such as Notepad. You will find this in Start - Programs - Accessories. Along with Notepad a Internet browser, such as Internet Explorer, Netscape 6 or Opera. There is very little difference between them, but it is always a good idea to check in all your available browsers.

A basic table

Tables are made up from different tags, but all are very easy to learn, and I will try to cover them all here.

<TABLE BORDER>
<TR>
<TD> ITEM 1 </TD>
<TD> ITEM 2 </TD>
</TR>
<TR>
<TD> ITEM 3 </TD>
<TD> ITEM 4 </TD>
</TR>
</TABLE>

This is the most basic table that you can make, as you can see it displays all the information clearly.

Item 1 Item 2
Item 3 Item 4

The vertical Items 1 and 3 are in the same Coloumn, but in different Rows. Where as Items 1 and 2 are in the same Row, but in different Coloumns. You can add an extra Row by adding a new <TR> and </TR> tag, and to add an extra Coloumn you would add a new <TD> and </TD> to an existing <TR> and </TR> tag.

<TABLE BORDER>
<TR>
<TD> ITEM 1 </TD>
<TD> ITEM 2 </TD>
</TR>
<TR>
<TD> ITEM 3 </TD>
<TD> ITEM 4 </TD>
</TR>
<TR> - - - - - - - - - - - - -The extra Row
<TD> ITEM 5 </TD>
<TD> ITEM 6 </TD>
<TD> ITEM 7 </TD> - - - - - - The extra Coloumn
</TR>
</TABLE>

ITEM 1 ITEM 2
ITEM 3 ITEM 4
ITEM 5 ITEM 6 ITEM 7

You might also like...

Comments

Contribute

Why not write for us? Or you could submit an event or a user group in your area. Alternatively just tell us what you think!

Our tools

We've got automatic conversion tools to convert C# to VB.NET, VB.NET to C#. Also you can compress javascript and compress css and generate sql connection strings.

“Measuring programming progress by lines of code is like measuring aircraft building progress by weight.” - Bill Gates