10.03.2017   2277
Ячейки-заголовки

Ячейки-заголовки

Итак, мы рассказали вам о том, как создать таблицу с названием, применяя для этого соответствующие теги. Теперь же пришла пора изучить иные теги для работы с таблицами, а также научиться создавать таблицы более высокого уровня сложности.

Как правило, при создании таблиц названия их столбцов и строк выделяются. В 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;
        }
...

Результат:
Таблица с ячейками-заголовками

Домашнее задание
Для просмотра домашки нужно войти на сайт.
Или получить доступ прямо сейчас:


Нажимая эту кнопку
Вы принимаете политику конфиденциальности

Комментарии

 Vlad 2017-08-26 18:11:55
+1

В первой строчке одно лишнее слово "создать"

Ответить
Чтобы написать комментарий нужно войти на сайт.
Или получить доступ прямо сейчас:


Нажимая эту кнопку
Вы принимаете политику конфиденциальности