Теги розмітки таблиці
| Тег | Призначення |
| <table>…</table> | Обмежують таблицю |
| <tr>…</tr> | Обмежують рядок таблиці |
| <td>…</td> | Обмежують клітинку таблиці |
| <th>…</th> | Використовують замість тегу <td>…</td> для виокремлення заголовків |
Приклад:
Розмітка таблиці відповідними тегами:
Рис.1
Атрибути тегів розмітки таблиці
| Атрибут | Призначення |
| align | Вирівнювання таблиці у вікні |
| background | Фоновий малюнок |
| bgcolor | Колір тла |
| border | Товщина рамки в пікселях |
| bordercolor | Колір рамки |
| cellspacing | Відстань між клітинками таблиці |
| cellpadding | Відстань між текстом клітинки та її межею |
| rules | Відображення рамок таблиці |
| title | Спливна підказка |
| width / height | Ширина / висота таблиці (клітинки) у відсотках або пікселях |
Якщо в усіх рядках ширина клітинок (атрибут width) однакова, то її достатньо вказати лише для одного рядка.
<table width = "100%"> — ширина таблиці дорівнює ширині робочого поля вікна браузера;
<td width = "50%"> — ширина клітинки дорівнює половині ширини таблиці.
Відступи
Для налаштування відстаней між клітинками, а також між текстом і межами використовують атрибути відступів (рис.2):<table cellspacing = "10" cellpadding = "10"
bgcolor = "blue">
<tr bgcolor = "white">
<td width = "100">1</td>
<td width = "100">2</td>
</tr>
</table>
Рис.2
Форматування вмісту клітинок
Теги рядків (<tr>) і клітинок (<td>) можуть включати атрибути для змінення вирівнювання тексту відносно меж клітинки.Атрибут align дозволяє задавати горизонтальне вирівнювання:
- align = "left" — за лівим краєм;
- align = "center" — по центру клітинки;
- align = "right" — з а правим краєм.
Атрибут valign дозволяє задавати вертикальне вирівнювання:
- valign = "middle" — посередині клітинки;
- valign = "top" — в горі клітинки;
- valign = "botton" — внизу клітинки.
Для об’єднання кількох клітинок використовують атрибути colspan (злиття клітинок у рядку) (рис.3, а) і rowspan (злиття клітинок у стовпці) (рис.3, б).
Рис.3
Джерела:
Інформатика : підруч. для 8 кл. закл. загал. серед. освіти / [О. О. Бондаренко, В. В. Ластовецький, О. П. Пилипчук, Є. А. Шестопалов]. — Харків : Вид-во «Ранок», 2021