Таблиці

Оновлено: 29.11.2022

  • caption

    caption

    Елемент <caption> (від англ. caption — заголовок) призначений для створення заголовка до таблиці і може розміщуватися тільки всередині контейнера <table> причому відразу після тега. Такий заголовок - це текст, що за замовчуванням відображається перед таблицею і описує її зміст.

  • col

    col

    Елемент <col> (від англ. column — колонка) визначає ширину та інші характеристики однієї або декількох колонок таблиці. За наявності цього елемента браузер починає показувати вміст таблиці, не чекаючи повного завантаження. <col> можна використовувати спільно з елементом <colgroup>, який визначає групу колонок, що мають спільні характеристики.

  • colgroup

    colgroup

    Елемент <colgroup> (від англ. column group — група колонок) призначений для задання ширини та стилю однієї або декількох колонок таблиці. Цей елемент дозволяє зменшити код таблиці за рахунок скорочення атрибутів, що повторюються, також за його наявності браузер починає показувати вміст таблиці, не чекаючи її повного завантаження. Елемент <colgroup> можна використовувати у комбінації з <col>, який визначає характеристики однієї або кількох колонок.

  • table

    table

    <table> (від англ. table - таблиця) служить контейнером для елементів, що визначають вміст таблиці

  • tbody

    tbody

    Елемент <tbody> (від англ. table body - тіло таблиці) призначений для зберігання одного або кількох рядків таблиці. Це дозволяє створювати структурні блоки, відносно яких можна застосовувати єдине оформлення через стилі, і навіть управляти їх виглядом через скрипти.

  • td

    td

    Призначений для створення одної комірки таблиці. Елемент <td> (від англ. table data cell - комірка з даними таблиці) повинен розміщуватися всередині контейнера <tr>, який у свою чергу розташовується всередині <table>.

  • tfoot

    tfoot

    Элемент <tfoot> (от англ. table foot — подвал таблицы) представляет собой «подвал» таблицы и отображается внизу таблицы. Предназначен для информации о колонках таблицы.

  • th

    th

    Елемент <th> (від англ. table header cell - комірка заголовка таблиці) призначений для створення однієї комірки таблиці, яка позначається як заголовна. Текст у такій комірці відображається браузером зазвичай жирним шрифтом і вирівнюється по центру. Елемент <th> повинен розміщуватись усередині контейнера <tr>, який у свою чергу розташовується всередині <table>.

  • thead

    thead

    Елемент <thead> (від англ. table head - голова або шапка таблиці) призначений для зберігання одного або декількох рядків, які представлені вгорі таблиці. Допустимо використовувати не більше одного елемента <thead> в межах однієї таблиці, і він повинен йти у вихідному коді відразу після тега <table> або <caption> (якщо він є).

  • tr

    tr

    Елемент <tr> (від англ. table row - рядок таблиці) слугує контейнером для створення рядка таблиці. Кожна комірка в межах такого рядка встановлюється за допомогою елемента <th> або <td>.