Создание сайтов
Продвижение
HTML-справочник Форум web-мастеров
Контакты
баннерная реклама в интернете
24.06.2018 Воскресенье 19:49      IP:54.81.197.24

 

TD и TH

 

(HTML 3.2) - Table Data & Table Head

Элемент TD создает ячейку с данными в текущей строке. Элемент TH также создает ячейку, но определяет ее как ячейку-заголовок. Такое разграничение позволяет браузерам оформлять содержимое ячеки-заголовка и ячеек с данными разными шрифтами. Кроме того, должна улучшится работа браузеров, использующих речевой интерфейс. В качестве содержимого ячейки можно использовать другие  таблицы.

Атрибуты:

ALIGN - определяет способ горизонтального выравнивания содержимого ячейки. Возможные значения: leftcenterright. По умолчанию способ выравнивания определяется значением атрибута ALIGN элемента TR . Если же он не задан, то для TD выполняется выравнивание по левому краю, а для TH по центру.

VALIGN - определяет способ вертикального выравнивания содержимого ячейки. Возможные значения: topbottommiddle. По умолчанию происходит выравнивание по центру (VALIGN="middle"), если значение этого атрибута не было заданно ранее в элементе TR.

WIDTH - определяет ширину ячейки. Ширина задается в пикселах или в процентном соотношении к ширине таблицы.

HEIGHT - определяет высоту ячейки. Высота задается в пикселах или в процентном соотношении к ширине таблицы. 

COLSPAN - определяет количество столбцов, на которые простирается данная ячейка. По умолчанию значение 1.

ROWSPAN - определяет количество рядов, на которые простирается данная ячейка. По умолчанию значение 1.

NOWRAP - блокирует автоматический перенос слов в пределах текущей ячейки. Обратите внимание на примечание, касающееся использования данного атрибута.

BGCOLOR - определяет цвет фона ячейки. Задается либо RGB-значением а шестнадцатиричной системе, либо одним из шестнадцати базовых цветов.

BACKGROUND - заполняет ячейку фоновым рисунком. Значением будет (URL) файла картинки. Данный атрибут не работает в старых версиях браузера Netscape. 

Примечания:

Границы ячейки отображаются только в том случае, когда она имеет некое содержание. Для того, что бы получить пустую ячейку с границами, достаточно в ней поставить пробел (символ  ) или поместить в нее маленькую прозрачную gif-картинку.

Если одновременно использовать атрибуты NOWRAP и WIDTH="x" , где x - маленькое число, то следует дополнительно вставлять внутрь ячейки <NOBR>

Пример:

<!-- Текст текст текст -->
<TABLE border=1>
        ...
        <TR><TD WIDTH=5 NOWRAP>Текст, который не должен переноситься</TD></TR>
        ...
</TABLE>
<!-- А вот так - правильно и работает всегда -->
<TABLE border=1>
...
        <TR><TD WIDTH=5 NOWRAP><NOBR>Текст, который не будет переноситься</NOBR></TD></TR>
...
</TABLE>

Все дело в том, что в браузерах Internet Explorer для полной отмены переноса слов используется именно <NOBR>, а атрибут NOWRAP действует только при отсутствии WIDTH.

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

Один из наиболее распространенных примеров web-дизайнера - это "таблица в таблице". Для этого достаточно расположить одну таблицу внутри ячейки другой. Таким образом можно создавать очень сложные вложенные каркасы дизайна страницы.

Рейтинг@Mail.ru Торговля на форекс без вложений. Индекс цитирования