|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Основы создания HTML-документа-3 |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Начало в 63, 65 выпусках
ТаблицыДо настоящего времени мы имели дело с документами, в которых существовал только один "поток" текста. Самые первые странички так и выглядели, как текст с заголовками (а потом и с картинками) просто сверху вниз. Таблицы превратили это скромное зрелище в полный сверкающего многообразия мир, хотя поначалу задумывались совсем для иных, сугубо утилитарных задач. Суть метода заключается в следующем: на страничке создается таблица с невидимыми границами ячеек, и элементы, требующие точного позиционирования, располагаются в ячейках таблицы. Для каждой из ячеек вы можете указать собственные параметры форматирования, соответственно команды форматирования действуют только в пределах ячейки. Ячейки таблицы могут содержать любые HTML-элементы, такие, как заголовки, списки, абзацы, фигуры, графику, а также элементы форм. Кроме того, таблица, состоящая из одной ячейки, может очень эффектно выделить фрагмент текста, на который Вы хотите обратить внимание читателя. Таблица начинается с метки <TABLE> и заканчивается меткой </TABLE>. <TABLE> <! описание таблицы > </TABLE>Метка <TABLE> может включать несколько атрибутов:
Заголовок таблицы (caption)Таблица может иметь заголовок, хотя
заголовок не является обязательным.
Заголовок таблицы помещается между
маркерами <CAPTION> и </CAPTION>. Метка <CAPTION>
может включать атрибут ALIGN. Допустимые
значения: <TABLE ALIGN="center" BORDER=1> <CAPTION> Заголовок </CAPTION> <! ...описание строк таблицы... > </TABLE> Строки таблицы (table rows)Каждая строка таблицы начинается с метки <TR> и заканчивается меткой <TR>. <TABLE> <TR> <! ...описание ячеек 1-й строки... > </TR> <TR> <! ...описание ячеек 2-й строки... > </TR> <TR> <! ...описание ячеек 3-й строки... > </TR> </TABLE>
Ячейки таблицы (table data)Каждая строка таблицы состоит из заголовочных ячеек, заключаемых в маркеры <TH> и </TH> или ячеек данных, обрамляемых маркерами <TD> и <TD>. Вот так выглядит типичная таблица из 3-х строк (из них первая - заголовочная) и 4-х колонок: <TABLE> <TR><TH>One</TH><TH>Two</TH><TH>Three</TH><TH>Four</TH></TR> <TR><TD>1.1</TD><TD>1.2</TD><TD>1.3 </TD><TD>1.4 </TD></TR> <TR><TD>2.1</TD><TD>2.2</TD><TD>2.3 </TD><TD>2.4 </TD></TR> </TABLE>
Метка <TD> может включать следующие атрибуты:
Пример 1: <TABLE>
Пример 2: <HTML> Простейшая таблица
Пример 3: <TABLE BORDER=10 WIDTH=400 ALIGN=CENTER> <TR> <TD>Для этой таблицы задан параметр BORDER=10</TD> </TR> </TABLE>
Пример 4: <TABLE BORDER=5 CELLSPACING=0 WIDTH=400 ALIGN=CENTER BGCOLOR="CYAN"> <TR ALIGN=CENTER> <TD WIDTH=10%>Ширина ячейки 10% ширины таблицы</TD> <TD WIDTH=60%>Ширина ячейки 60% ширины таблицы</TD> <TD WIDTH=30%>Ширина ячейки 30% ширины таблицы</TD> </TR> <TR> <TD ALIGN=CENTER COLSPAN=3>Для этой ячейки указан параметр COLSPAN=3</TD> </TR> </TABLE>
Пример 5: <TABLE BORDER=5 CELLSPACING=0 WIDTH=400 ALIGN=CENTER BGCOLOR=CYAN> <TR ALIGN=CENTER> <TD WIDTH=30% ROWSPAN=2 BGCOLOR="00FF00">Для этой ячейки указан параметр ROWSPAN=2 и WIDTH=30%</TD> <TD>Ширина этой ячейки не указана, поэтому она занимает всю оставшуюся ширину таблицы, т. е. 70%.</TD> </TR> <TR ALIGN=CENTER> <TD>А эта ячейка сгенерирована в соответствии с шириной ячейки, находящейся в первой строке, над ней.</TD> </TR> </TABLE>
Автор: Казьмина Светлана
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Copyright © 2000г. "Internet Zone" & Nik Romanov, info@izcity.com | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Копирование и использование данных материалов разрешается только в случае указания на журнал "Internet Zone", как на источник получения информации. При этом во всех ссылках обязательно явное указание адреса вэб-сайта http://www.izcity.com/. При наличии у копируемого материала авторов и источника информации - их также нужно указывать, наряду со ссылкой на нас. |