- •Языки разметки документов Язык разметки
- •Задание функций обработки выделенных элементов
- •Выделение логических элементов документа
- •Описательная разметка
- •Теговая структура языка разметки
- •Инструментарий
- •Структура документа
- •Тег meta . Атрибут http-equiv
- •Тег meta . Атрибут name
- •Текст и шрифтовое оформление Логическая и физическая разметка
- •Элементы физической разметки
- •Элементы логической разметки
- •Другие элементы
- •Спецсимволы html
- •Список определений
- •Вложенные списки
- •Гиперссылки
- •Гиперссылки. Тег а
- •Гиперссылки. Url
- •Адрес ссылки может быть абсолютным, относительным и неполным.
- •Активные изображения
- •Серверные карты
- •Создание таблицы
- •Пример таблицы
- •Области применения таблиц в html
- •Фреймы в html
- •Элементы фреймовой структуры
- •Особенности фреймовой структуры
- •Фреймовая структура
- •Вложение фреймовая структура
- •История css
- •Включение css в html
- •Включение css в html. Внедрение
- •Включение css в html. Встраивание
- •Включение css в html. Импортирование
- •Включение css в html. Связывание
- •Синтаксис css
- •Синтаксис css. Селекторы
- •Синтаксис css. Псевдоклассы
- •Синтаксис css. Наследование
- •Язык xml Общие сведения о xml
- •Синтаксис xml
- •Конструкции языка xml Элементы данных
Пример таблицы
<table border="1">
<caption> Заголовок таблицы </caption>
<tr>
<th> </th> <th> R1C2 </th>
<th> R1C3 </th> <th> R1C4 </th>
</tr>
<tr>
<th>R2C1</th> <td>R2C2</td>
<td>R2C3</td> <td>R2C4</td>
</tr>
<tr>
<th>R3C1</th> <td>R3C2</td>
<td>R3C3</td> <td>R3C4</td>
</tr>
</table>
Тег <THEAD>, Тег <TFOOT>, Тег <TBODY>
THEAD (Table HEAD) - предназначен для хранения одной или нескольких строк, которые представлены вверху таблицы. Является контейнером. Допустимо использовать не более одного элемента <THEAD> в пределах одной таблицы, и он должен идти в исходном коде сразу после тега <TABLE>.
TFOOT(Table FOOT) - предназначен для хранения одной или нескольких строк, которые представлены внизу таблицы. Является контейнером. В пределах таблицы разрешается использовать только один элемент <TFOOT>. Хотя тег <TFOOT> в исходном коде должен быть определен до тега <TBODY>, браузеры отображают его в самом низу таблицы.
TBODY(Table BODY) - предназначен для хранения одной или нескольких строк таблицы. Это позволяет создавать структурные блоки, к которым можно применять единое оформление через стили, а также управлять их видом через скрипты. Является контейнером. Допускается применять несколько тегов <TBODY> внутри контейнера <TABLE>.
Атрибуты те же, что и для тега TR:
ALIGN - определяет способ горизонтального выравнивания содержимого всех ячеек данного ряда. align = left | right |center | justify .
VALIGN - определяет способ вертикального выравнивания содержимого всех ячеек данного ряда. valign= middle | top | bottom | baseline
BGCOLOR - определяет цвет фона для всех ячеек данного ряда. bgcolor = цвет | #RRGGBB
Тег <COL>
COL – определяет и управляет отображением столбца в группе столбцов. Не является контейнером.
При наличии этого тега браузер начинает показывать содержимое таблицы, не дожидаясь ее полной загрузки.
Атрибуты:
ALIGN - определяет способ горизонтального выравнивания содержимого ячейки. align = left | right |center | justify.
VALIGN - определяет способ вертикального выравнивания содержимого ячейки. valign= middle | top | bottom | baseline.
WIDTH - определяет ширину ячейки. Ширина задается в пикселях или в процентном отношении к ширине таблицы. width = n | %
SPAN - Определяет количество колонок, к которым следует применять параметры. span = n
Тег <COLGROUP>
COLGROUP - обозначает группу столбцов таблицы и предназначен для задания атрибутов одной или нескольких столбцов таблицы.
Разница между тегами <COLGROUP> и < COL> не очень велика и состоит в следующем:
COLGROUP позволяет объединять колонки в определенные группы, т.е. может использоваться как контейнер для тегов COL
При добавлении параметра rules="groups" к тегу <TABLE> браузер будет рисовать линию только между колонками, созданными с помощью <COLGROUP>.
В остальных случаях поведение колонок назначенных через элементы <COLGROUP> и <COL> идентично.