Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
3.0 + | 1.0 + | 1.0 + | 1.0 + | 1.0 + | 1.0 + | 1.0 + |
Опис
Тег <th> призначений для створення однієї комірки таблиці, яка позначається як заголовна. Текст в такій клітинці відображається браузером зазвичай жирним шрифтом і вирівнюється по центру. Тег <th> повинен розміщуватися всередині контейнера <tr> , який в свою чергу розташовується всередині тега <table> .
Синтаксис
<table> <tr> <th> ... </th> </tr> </table>
Атрибути
- abbr
- Короткий опис вмісту комірки.
- align
- Визначає вирівнювання вмісту комірки по горизонталі.
- axis
- групуються осередки пов'язані між собою схожою інформацією.
- background
- Задає фоновий малюнок в осередку.
- bgcolor
- Колір фону комірки.
- bordercolor
- Колір рамки.
- char
- Вирівнює вміст осередку по заданому символу.
- charoff
- Зміщує вміст комірки відносно заданого символу.
- colspan
- Об'єднує горизонтальні осередки.
- headers
- Дозволяє зв'язати елементи таблиці з заголовками в мовних браузерах.
- height
- Висота комірки.
- nowrap
- Забороняє перено рядків.
- rowspan
- Об'єднує вертикальні осередки.
- scope
- Дозволяє зв'язати осередку простий таблиці з заголовками в мовних браузерах.
- valign
- Вирівнювання вмісту осередку по вертикалі.
- width
- Ширина комірки.
Також для цього тега доступні універсальні атрибути і події .
Закриваючий тег
Чи не обов'язковий.
Приклад
HTML 4.01 IE Cr Op Sa Fx 6
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 //EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title> Тег TH </title> <style type="text/css"> table {border-collapse: collapse; /* Відображати подвійні лінії як одинарні */ } th {background: #ccc; /* Колір фону */ text-align: left; /* Вирівнювання по лівому краю */ } td, th {border: 1px solid #800; /* Параметри межі */ padding: 4px; /* Поля в осередках */ } </style> </head> <body> <table width="100%" cellspacing="0" border="1"> <tr> <th> Браузер </th> <th colspan="3"> Internet Explorer </th> <th colspan="3"> Opera </th> <th colspan="2"> Firefox </th> </tr> <tr> <th> Версія </th> <td> 5.5 </td> <td> 6.0 </td> <td> 7.0 </td> <td> 7.0 </td> <td> 8.0 </td> <td> 9.0 </td> <td> 1.0 </td> <td> 2.0 </td> </tr> <tr> <th> Підтримується </th> <td> Так </td> <td> Так </td> <td> Так </td> <td> Так </td> <td> Так </td> <td> Так </td> <td> Так </td> <td> Так </td> </tr> </table> </body> </html>
Результат даного прикладу показаний на рис. 1.