
Ячейки-заголовки в таблице HTML
Итак, мы рассказали вам о том, как создать таблицу с названием, применяя для этого соответствующие теги. Теперь же пришла пора изучить иные теги для работы с таблицами, а также научиться создавать таблицы более высокого уровня сложности.
Как правило, при создании таблиц названия их столбцов и строк выделяются. В HTML это можно сделать, используя тег <th>. Название тега представляет собой аббревиатуру, которая читается как table header. Этот тег обозначает ячейку-заголовок. Как и тег <td>, тег <th> должен присутствовать внутри тега <tr>. А стили можно использовать для того, чтобы задать для него аналогичные свойства.
По умолчанию работа тега <th> заключается в том, что он выделяет текст жирным, а также размещает его по центру ячейки.
Пример:
<table>
<caption>Таблица умножения</caption>
<tr>
<th>*</th>
<th>2</th>
<th>3</th>
</tr>
<tr>
<th>2</th>
<td>4</td>
<td>6</td>
</tr>
<tr>
<th>3</th>
<td>6</td>
<td>9</td>
</tr>
</table>
И добавим тегу <th> такие же стили, как и у тега <td>:
...
td, th {
border: solid 1px blue;
padding: 10px;
}
...
Домашнее задание
- добавьте в таблицу ячейки с заголовками и сделайте рамки увеличьте толщину рамок для таких ячеек
Комментарии (11)