Студопедия
Случайная страница | ТОМ-1 | ТОМ-2 | ТОМ-3
АрхитектураБиологияГеографияДругоеИностранные языки
ИнформатикаИсторияКультураЛитератураМатематика
МедицинаМеханикаОбразованиеОхрана трудаПедагогика
ПолитикаПравоПрограммированиеПсихологияРелигия
СоциологияСпортСтроительствоФизикаФилософия
ФинансыХимияЭкологияЭкономикаЭлектроника

Элементы TD и TH - ячейки таблицы

Читайте также:
  1. D-ЭЛЕМЕНТЫ I ГРУППЫ
  2. D-ЭЛЕМЕНТЫ II ГРУППЫ
  3. D-ЭЛЕМЕНТЫ VI ГРУППЫ
  4. D-ЭЛЕМЕНТЫ VII ГРУППЫ
  5. D-ЭЛЕМЕНТЫ VIII ГРУПЫ
  6. F- элементы.
  7. II. ЭЛЕМЕНТЫ СОЦИАЛЬНО-ЭКОНОМИЧЕСКОЙ СТАТИСТИКИ

В HTML внутри строк таблиц находятся ячейки. Они бывают двух типов: заголовки столбцов (создаются элементом TH) и обычные ячейки (создаются элементом TD). Элементы TD и TH обязательно должны помещаться между открывающим и закрывающим тегами элемента TR, которые в свою очередь помещаются между тегами <TABLE> и </TABLE>.

Элемент TD от элемента TH отличается лишь визуально в окне браузера. Содержимое элемента TH выравнивается по центру и отображается жирным шрифтом, так как заголовки столбцов принято оформлять именно так. Теги TD и TH, также как и TR, могут иметь свои атрибуты:

 

Атрибут Описание Пример
align Устанавливает горизонтальное выравнивание для содержимого ячеек. Допустимые значения: left (по умолчанию для TD), center (по умолчанию для TH), right. align="center"
valign Устанавливает вертикальное выравнивание для содержимого ячеек. Допустимые значения: top, middle, bottom. valign="top"
bgcolor Устанавливает цвет фона для ячейки таблицы bgcolor="blue"
rowspan Определяет число строк, перекрываемое текущей ячейкой. По умолчанию используется значение ("1"). Значение ("0") означает, что ячейка перекрывает все строки от текущей до последней строки таблицы rowspan="3"
colspan Определяет число столбцов, перекрываемое текущей ячейкой. По умолчанию используется значение ("1"). Значение ("0") означает, что ячейка перекрывает все столбцы от текущего до последнего столбца таблицы colspan="2"
width Устанавливает рекомендуемую ширину ячейки в пикселях или процентах width="20%"
height Устанавливает рекомендуемую высоту ячейки в пикселях или процентах height="100"
Пример с атрибутом rowspan Отображение примера в браузере
<TABLE align="center" border="1" cellpadding="5"> <TR> <TH rowspan="2">Примеры</TH> <TD>Пример1</TD><TD>Пример2</TD> </TR> <TR> <TD>Пример3</TD><TD>Пример4</TD> </TR> </TABLE>
Пример с атрибутом rowspan Отображение примера в браузере
<TABLE align="center" border="1" cellpadding="5"> <TR> <TH colspan="2">Примеры</TH> </TR> <TR> <TD>Пример1</TD><TD>Пример2</TD> </TR> <TR> <TD>Пример3</TD><TD>Пример4</TD> </TR> </TABLE>

Дата добавления: 2015-07-21; просмотров: 60 | Нарушение авторских прав


<== предыдущая страница | следующая страница ==>
Элемент TABLE| Збережіть таблицю у файлі під назвою Proekt.doc.

mybiblioteka.su - 2015-2024 год. (0.007 сек.)