Строки таблицы: элемент TR

Элементы TR служат контейнерами для строки ячеек таблицы. Конечный тег можно опустить.

Начальный тег: обязателен, Конечный тег: не обязателен

Ячейки таблицы: элементы TH и TD

Предназначены для создания ячеек таблицы в строке. Ячейки таблицы могут содержать информацию двух типов: заголовочную информацию и данные. Это различие позволяет браузерам генерировать ячейки заголовков и данных различным образом даже при отсутствии таблиц стилей.

Элемент TH определяет ячейку, содержащую информацию заголовка.

Элемент TD определяет ячейку, содержащую данные. Ячейка может быть пустой (т.е. не содержать данных).

Начальный тег: обязателен, Конечный тег: не обязателен

Определения атрибутов

headers - Указывается список ячеек заголовков, предоставляющих заголовочную информацию для текущей ячейки данных. Значением этого атрибута является разделенный пробелами список названий ячеек; имена ячейкам должны даваться с помощью атрибута id.

rowspan - задает количество ячеек таблицы объединенных в одну по вертикали, то есть он показывает, на сколько рядов, начиная с текущего, простирается ячейка в данном столбце. Высота такой ячейки будет равна сумме высот объединенных ячеек, поэтому число тегов TD в столбце обязательно надо уменьшить, чтобы он не начал выпирать. При этом необходимо четко понимать, что количество рядов в таблице не зависит от объединения ячеек и остается неизменным. По умолчанию используется значение один («1»). Значение ноль («0») означает, что ячейка объединяет все строки от текущей до последней строки таблицы.

colspan - задает количество ячеек таблицы объединенных в одну по горизонтали, то есть он показывает, на сколько столбцов, начиная с текущего, простирается ячейка в данном ряду. Ширина такой ячейки будет равна сумме ширин объединенных ячеек, поэтому число тегов TD в ряду обязательно надо уменьшить, чтобы он не начал выпирать. При этом необходимо четко понимать, что количество столбцов в таблице не зависит от объединения ячеек и остается неизменным. По умолчанию используется значение один («1»). Значение ноль («0») означает, что ячейка объединяет все столбцы от текущего до последнего столбца таблицы.

nowrap - Нежелателен. Если этот логический атрибут используется, он сообщает визуальным браузерам необходимости отключить автоматическое разбиение текста для этой ячейки.

width - Нежелателен. Этот атрибут дает браузерам рекомендуемую ширину ячейки.

height - Нежелателен. Этот атрибут дает браузерам рекомендуемую высоту ячейки.

Группы строк: элементы THEAD, TFOOT и TBODY

Строки таблицы могут группироваться в разделы заголовков, нижних заголовков и тела. Группы строк предоставляют дополнительную структурную информацию и могут генерироваться браузерами различными способами, отображающими эту структуру. Браузеры могут использовать подразделение на заголовки/тело/нижние заголовки для поддержки прокрутки тела независимо от заголовков. При печати длинных таблиц информация из заголовков может повторяться на каждой странице таблицы.

THEAD - заголовок таблицы

TFOOT - нижний заголовок таблицы

Начальный тег: обязателен, конечный тег: необязателен

TBODY - тело таблицы

Начальный тег: необязателен, конечный тег: необязателен

Заголовки таблицы должны содержать информацию о столбцах таблицы. Тело таблицы должно содержать строки данных таблицы.

Если элементы THEAD, TFOOT и TBODY присутствуют, каждый из них содержит группу строк. Каждая группа строк должна содержать по крайней мере одну строку, определяемую элементом TR.

Элемент TFOOT должен располагаться до элемента TBODY в определении TABLE, чтобы браузеры могли генерировать нижний заголовок до получения всех (возможно, многочисленных) строк данных. Ниже приводится сводка обязательных тегов и тегов, которые можно опустить:

· Начальный тег TBODY всегда обязателен, если только таблица не содержит единственного тела без верхних и нижних заголовков. Конечный тег TBODY всегда можно опускать.

· Начальные теги для элементов THEAD и TFOOT обязательны, если в таблице присутствуют верхний и нижний заголовки, но соответствующие конечные теги можно опускать.

Разделы THEAD, TFOOT и TBODY должны содержать одинаковое число столбцов.

Группы столбцов: элементы COLGROUP и COL

Авторы также могут группировать столбцы для предоставления дополнительной структурной информации, которая может использоваться браузерами . Более того, авторы могут объявлять свойства столбцов в начале определения таблицы таким образом, который позволяет браузерамгенерировать таблицу последовательно, а не ждать считывания всех данных таблицы перед тем, как начать генерацию.

Группы столбцов позволяют создавать структурные подразделения внутри таблицы. Авторы могут выделять такую структуру с помощью таблиц стилей или атрибутов HTML (например, атрибут rules для элемента TABLE).

Элемент COL позволяет авторам использовать одни и те же атрибуты в различных столбцах, не используя структурной группировки.

Элемент COLGROUP

Предназначен для группирования столбцов (колонок) таблицы, с целью задания им определенных свойств. Он удобен в использовании и сокращает HTML-код, если группы столбцов имеют разные характеристики, но при этом столбцы внутри групп — одинаковые.

Начальный тег: обязателен, Конечный тег: необязателен

Определения атрибутов

span- Определяет число столбцов в группе. Значением должно быть целое число больше нуля Значения означают следующее:

· При отсутствии атрибута span каждый элемент COLGROUP определяет группу столбцов, состоящую из одного столбца.

· Если для атрибута span установлено значение N > 0, текущий элемент COLGROUP определяет группу, содержащую N столбцов.

width - определяет ширину каждого столбца в текущей группе, используемую по умолчанию. Кроме стандартных значений в пикселах, процентах и относительных значений, в этом атрибуте может использоваться специальная форма «0*», которая означает, что ширина каждого столбца в группе должна быть минимальной, необходимой для размещения содержимого столбца. Подразумевается, что содержимое столбца известно до того, как можно будет корректно вычислить его ширину.

Элемент COL

Предназначен для группирования свойств столбца (колонки) или столбцов таблицы. Он удобен в использовании и сокращает HTML-код, если все ячейки каждого столбца имеют одинаковые характеристики, но при этом сами столбцы отличаются. Если для всех столбцов применить данный тег с указанием ширины, а также указать ширину таблицы, то браузер начнет отображать таблицу сразу, по частям, а не после того, как она полностью загрузится.

Начальный тег: обязателен, Конечный тег: запрещен

Определения атрибутов

span- Определяет число столбцов, объединенных элементом COL; атрибуты элемента COL распространяются на все столбцы, которые он объединяет. Значением должно быть целое число больше нуля. Значение по умолчанию для этого атрибута - 1. Если для атрибута span установлено значение N > 1, атрибуты текущего элемента COL распространяются на следующие N-1 столбец.

width - Определяет ширину каждого столбца, объединенного текущим элементом COL, используемую по умолчанию. Он имеет то же значение, что и атрибут width для элемента COLGROUPи имеет над ним приоритет.

Элемент COL позволяет авторам группировать определения атрибутов для столбцов таблицы. Атрибут COL не группирует столбцы структурно - эту роль играет элемент COLGROUP. Элементы COL являются пустыми и служат только для поддержания атрибутов. Они могут находиться внутри или вне явной группы столбцов (т.е. элемента COLGROUP).

Разница между свойствами тегов COLGROUP и COL не очень велика и состоит в следующем. COLGROUP позволяет объединять колонки в определенные группы, также при добавлении атрибута rules="groups" к тегу TABLE браузер будет рисовать линию только между колонками, созданными с помощью COLGROUP. В остальных случаях поведение колонок назначенных через элементы COLGROUP и COL идентично.

Работа с графикой.

Для вставки графических элементов служит тэг <IMG>.

Следует использовать графические файлы небольших размеров, дабы уменьшить время загрузки страницы браузером.

Атрибут alt задает альтернативный текст, который генерируется, если изображение невозможно отобразить.

Начальный тег: обязателен, Конечный тег: запрещен

Определения атрибутов

src - задает местоположение изображения. Примерами широко распознаваемых форматов являются GIF, JPEG и PNG.

Элемент IMG внедряет изображение в текущий документ по адресу из определения элемента. Элемент IMG не имеет содержимого; обычно он замещается изображением, назначаемым атрибутом src.

Чтобы вставить графику в текст html-страницы надо указать имя и место хранения соответствующего файла. Если файл находится в той же папке, что и страница, то достаточно указать имя файла с расширением. Если графический файл находится в другой папке, то, помимо имени файла с расширением необходимо указывать путь к этому файлу. Для выравнивания изображения по центу используется тэг <CENTER>, для размещения на новой строке - тэг <BR>

Не нашли, что искали? Воспользуйтесь поиском по сайту: