::: Tutorials > HTML

Tables
How to Make a Basic Table


Tutorial by Yamrot
Tuesday April 1, 2003


Before we start making a table we should talk about the terms that would be useful in creating a table and those terms are cellspacing, bordercolor, border, bgcolor (background color), alignment and cellpadding. There are many other terms that are important for making a table but for now let's stick with these six terms.

Cellspacing: sets the spacing between your table cells.
Bordercolor: This tag determines the border color.
Border: lets you know whether or not your table has borders.
Bgcolor: This tag is used to change the background color of your table. You can make each row or even cells have a different color.
Align: This tag helps you align your text in the table, row or cell. It allows you to change your text/image alignment to the center or left.
Cellpadding: This places the margins inside of your table cells on all four sides of your cell.

It is an advantage to have a table on your Web page. It is important to have a table on your Web page because it helps you become more organized. Plus, it makes your Web page look more professional. So, let's get started on making a table.

<html>
<head>
<title>Tables</title>
</head>
<body>
<br>
<br>
<p>Here is how you make a basic table</p>
<br>
<br>
<table border="8">
<tr>
<td>Cell 1</td>
<td>Cell 2</td>
</tr>
<tr>
<td>Cell 3</td>
<td>Cell 4</td>
</tr>
</table>
</body>
</html>



Copyright 2002 BLUEPRINT Los Altos High School Web Club. All rights reserved.
201 Almond Ave. Los Altos, CA 94022