HTML BASIC

FONT

IMAGE

LINK

COLOUR

HTML CODES

QUESTIONS

USEFUL INFO

HTTP STATUS

GLOSSARY

AWARDS

SERVICE

LEGAL INFO

Lesson No. 8  

- Creating Tables -   

      In this lesson, we will be using the command <TABLE> Creating a table is very easy,        here is an example of a table and its source code.

       Example # 1

Here is the source code for the first table

<div align="center"><center><table border="1" width="44%">
<tr>
<td width="50%">Table # 1</td>
<td width="50%">Table # 2</td>
</tr>
<tr>
<td width="50%">Table # 3</td>
<td width="50%">Table # 4</td>

As you can see, the command <tr> begins the row, <td> is the table's data, and </tr> is to end the row.

Here is another example of a table

div align="left"><table border="1" width="89%" bgcolor="#FFFFFF" bordercolor="#FFFF00"
bordercolorlight="#0000FF" bordercolordark="#000000">
<tr>
<td width="33%">Lesson # 1</td>
<td width="33%" align="center">Lesson A</td>
<td width="34%" align="right">Lesson A1</td>
</tr>
<tr>
<td width="33%">Lesson # 2</td>
<td width="33%" align="center">Lesson B</td>
<td width="34%" align="right">Lesson A2</td>
</tr>
<tr>
<td width="33%">Lesson # 3</td>
<td width="33%" align="center">Lesson C</td>
<td width="34%" align="right">Lesson A3</td>
</tr>
</table>

In this example, we have a table which as border colours, etc.

The command <td with="33%"> for example, tells the width of the table

The command <td align="right"> tells the adjustment of the text or image within that cell

Note:

You can also have a image or a file link to the table.

instead of having this

<td width="34%" align="right">Lesson A1</td>

you can have something like this

<td with="34%" align=right"> <img src="logo.gif"></td>

End of Lesson # 8

BACK or NEXT