جدولها به وسيله تگ <table> نوشته مي شوند. هر جدول، از دو قسمت اصلي رديف ها (که با تگ <tr> مشخص مي شوند) و خانه ها (که با تگ <td> مشخص مي شوند) تشکيل شده اند. خانه هاي جداول مي توانند شامل هر چيزي از قبيل متن، عکس، پاراگرافها، جداول و ... شوند.

<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>

اين مثال در مرورگر به صورت زير نمايان مي شود.

row 1, cell 1 row 1, cell 2
row 2, cell 1 row 2, cell 2


عنوانها در جدول
براي نوشتن عنوان ها در جدول، مي بايست از تگ <th> استفاده کنيد.


<table border="1">
<tr>
<th>Heading</th>
<th>Another Heading</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>

اين مثال در مرورگر به صورت زير نمايان مي شود.

Heading Another Heading
row 1, cell 1 row 1, cell 2
row 2, cell 1 row 2, cell 2


خانه هاي خالي در جدول
خانه هايي که داراي هيچ محتوايي نيستند، در مرورگرها زياد جالب نشان داده نمي شوند.

<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td></td>
</tr>
</table>


row 1, cell 1 row 1, cell 2
row 2, cell 1


براي جلوگيري از اين وضعيت، مي توانيد در خانه هاي خالي جدول، عبارت &nbsp; را بنويسيد.

<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>&nbsp;</td>
</tr>
</table>


خاصيت border="0"

به وسيله اين خاصيت شما مي توانيد کادر دور جداول خود را از بين ببريد.

<table border="0">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>&nbsp;</td>
</tr>
</table></p>


خروجي اين مثال به صورت زير خواهد بود:

row 1, cell 1 row 1, cell 2
row 2, cell 1 row 2, cell 2