<table border="1">
<tr><td>Рядок 1 Стовпець 1</td><td>Рядок 1 Стовпець 2</td><td>Рядок 1 Стовпець 3</td></tr>
<tr><td>Рядок 2 Стовпець 1</td><td>Рядок 2 Стовпець 2</td><td>Рядок 2 Стовпець 3</td></tr>
<tr><td>Рядок 3 Стовпець 1</td><td>Рядок 3 Стовпець 2</td><td>Рядок 3 Стовпець 3</td></tr>
</table>

По замовчуванню таблиці відображаються без меж :) . Тобто межі невидимі. Це іноді корисно, але іноді ми хочемо щоб межі було видно. Для цього задають значення атрибуту border. Він задає товщину меж таблиці. (Правда тільки зовнішніх). Якщо його значення нуль, то межі не відображається.

Інколи треба назвати стовпці, чи рядки, використовують клітинку заголовку. Для цього замість тегу <td> пишуть <th>. Виглядає це так:

А пишеться отак:

<table border="1">
<tr><td></td><th>Стовпець 1</th><th>Стовпець 2</th></tr>
<tr><th>Рядок 1</th><td>Рядок 1 Стовпець 1</td><td>Рядок 1 Стовпець 2</td></tr>
<tr><th>Рядок 2</th><td>Рядок 2 Стовпець 1</td><td>Рядок 2 Стовпець 2</td></tr>
</table>

Варто зауважити, що такий спосіб кращий аніж писати вміст клітинки в тегах <b> чи <strong>. І не тільки тому, що так коротше. А і тому, що потім можна буде застосувати до заголовків таблиці окремі стилі.

Деякі браузери не відображають порожні клітинки (тобто не обводять їх рамкою). Можете подивитись що робить ваш, в попередньому прикладі верхня ліва клітинка порожня. Щоб обдурити браузер, і змусити його відображати клітинку так ніби там щось є, ми можемо покласти туди невидимий символ –  . Це символ незламного пропуску :) (Non Breakable SPace). Назвали його незламним, того, що слова розділені таким пропуском переносяться на наступний рядок тільки разом.

Клітинки таблиці можна об'єднувати. Робиться це за допомогою атрибутів colspan і rowspan тегу <td>. colspan вказує на скільки колонок буде пролягати дана клітинка, а rowspan на скільки рядків. Такий код:

<table border="1">
<tr><td colspan="2">Рядок 1 Стовпець 1 простягяється на два вправо</td><td>Рядок 1 Стовпець 3</td></tr>
<tr><td>Рядок 2 Стовпець 1</td><td rowspan="3">Рядок 2 Стовпець 2 простягяється на 2 вниз</td><td>Рядок 2 Стовпець 3</td></tr>
<tr><td>Рядок 3 Стовпець 1</td><td>Рядок 3 Стовпець 3</td></tr>
</table>

Дає такий результат:

Крім рядків таблиця може мати заголовок. Тег <caption>призначений для створення заголовка до таблиці і може розміщуватись тільки в середині тега , причому зразу після відкриваючого тега. Такий заголовок представляє собою текст по замовчуванню відображений перед таблицею і описує її.
Також можна виділити рядки таблиці в групи, з різним функціональним призначенням і призначити їм різні стилі. Ой як мені не терпиться вже дойти до стилів. Але по порядку. Можна виділити заголовочну частину <thead>, основну частину <tbody> і підсумок <tfoot>.