Тривалий час таблиці використовувались для розташування елементів вебсторінки. З розвитком HTML i CSS таблиці повернули собі свою сутність і використовуються для структурованого розташування на вебсторінці
текстової інформації
числової інформації
зображень
гіперпосилань
інших таблиц, тощо
Один зі способів додати таблицю на вебсторінку
Додайте в html-код теги <table></table>
Встановіть курсор між ними, додайте код tr*n і натисніть Tab; n − це число рядків у таблиці
Встановіть курсор між тегами, які позначають рядок шапки таблиці, додайте th*n і натисніть Tab; тут n − це число клітинок у першому рядку таблиці
Аналогічно додайте клітинки <td></td> у наступні рядки
Заповніть клітинки контентом
Деякі інші теги
<caption>
парний тег, додає назву таблиці, розташовується відразу за тегом <table>
<col>
одиночний тег, задає ширину і інші характеристики однієї або декількох колонок таблиці; при наявності цього тега браузер починає показувати вміст таблиці, не чекаючи її повного завантаження; можна використовувати спільно з тегом <colgroup>, який задає групу колонок зі спільними властивостями.
<thead>, <tbody>, <tfoot>
парні теги, які огортають рядки відповідно верхнього колонтитула (шапки), основної частини та нижнього колонтитула (підсумкового рядка) таблиці.