Парад ячеек и столбцов
УРОК «Как сделать заголовки для таблицы, для ячеек и столбцов»
Дорогие друзья!
HTML даёт нам возможность, используя специальные теги <caption>заголовок таблицы</caption>
внутри контейнера <table>содержимое таблицы</table>,
создать заголовок таблицы. Он будет располагаться над таблицей и, если с помощью CSS не задано иное,
располагаться по центру таблицы. Давайте посмотрим это на примере:
Результат:
Заголовок таблицы
Строка 1 Ячейка 1 |
Строка 1 Ячейка 2 |
Строка 2 Ячейка 1 |
Строка 2 Ячейка 2 |
Чтобы выделить название заголовков строк и столбцов жирным шрифтом, используется тег <th>,
он заменяет собой тег <td> и текст, расположенный внутри, выравнивается при этом по центру:
Результат:
Заголовок таблицы
|
Столбец 1 |
Столбец 2 |
Заголовок строки 1 |
Строка 1 Ячейка 1 |
Строка 1 Ячейка 2 |
Заголовок строки 2 |
Строка 2 Ячейка 1 |
Строка 2 Ячейка 2 |
До встречи в следующем уроке!
|