Знайомство з HTML і CSS Структура HTML документа Розмітка тексту Списки Таблиці Мультимедіа та гіперпосилання Зображення на вебсторінках Відео та звук

Теги для розмітки таблиць

Для чого веб розробники використовують таблиці

Тривалий час таблиці використовувались для розташування елементів вебсторінки. З розвитком HTML i CSS таблиці повернули собі свою сутність і використовуються для структурованого розташування на вебсторінці текстової інформації числової інформації зображень гіперпосилань інших таблиц, тощо

Один зі способів додати таблицю на вебсторінку

Додайте в html-код теги <table></table> Встановіть курсор між ними, додайте код tr*n і натисніть Tab; n − це число рядків у таблиці Встановіть курсор між тегами, які позначають рядок шапки таблиці, додайте th*n і натисніть Tab; тут n − це число клітинок у першому рядку таблиці Аналогічно додайте клітинки <td></td> у наступні рядки Заповніть клітинки контентом

Деякі інші теги

<caption> парний тег, додає назву таблиці, розташовується відразу за тегом <table> <col> одиночний тег, задає ширину і інші характеристики однієї або декількох колонок таблиці; при наявності цього тега браузер починає показувати вміст таблиці, не чекаючи її повного завантаження; можна використовувати спільно з тегом <colgroup>, який задає групу колонок зі спільними властивостями. <thead>, <tbody>, <tfoot> парні теги, які огортають рядки відповідно верхнього колонтитула (шапки), основної частини та нижнього колонтитула (підсумкового рядка) таблиці.