Создание HTML-таблиц. Фреймы и формы (стр. 2 из 5)

rowspan = число

Этот атрибут определяет число строк, spanned текущей ячейкой. По умолчанию используется значение один («1»). Значение ноль («0») означает, что ячейка spans все строки от текущей до последней строки таблицы.

colspan = число

Этот атрибут определяет число столбцов, spanned текущей ячейкой. По умолчанию используется значение один («1»). Значение ноль («0») означает, что ячейка spans все столбцы от текущего до последнего столбца таблицы.

nowrap

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

width = пикселы

Нежелателен. Этот атрибут дает агентам пользователей рекомендуемую ширину ячейки.

height = пикселы

Нежелателен. Этот атрибут

1.3 Вложенные таблицы

Отдельные ячейки таблицы могут содержать практически любые теги языка и данные разрешенные в разделе <body> документа. В том числе, внутри ячейки таблицы может быть целиком размещена другая таблица. Такие таблицы называют вложенными. Правила их построения не отличаются от построения таблиц и не нуждаются отдельном описании.

Приведем пример HTML – кода вложенной таблицы:

<HTML>

<HEAD> <TITLE>ГородаРеспубликиДагестан</TITLE> </HEAD>

<BODY>

<CAPTION><H2>Города Республики Дагестан</H2>

Н – Население города (тыс. жит., 1992 г.)   

Р – расстояние от Махачкалы (км)</CAPTION>

<CAPTION><STRONG>Поселки, подчиненные Махачкале </STRONG></CAPTION> <TR><TH>Поселок</TH><TH>H</TH><TH>P </TH></TR>

<TR><TD>Семендер</TD><TD ALIGN=RIGHT> 13.6</TD><TD ALIGN=RIGHT>50 </TD> </TR>

<TR><TD>Хушет </TD><TD ALIGN=RIGHT>144.6</TD><TD ALIGN=RIGHT>26</TD></TR>

<TR><TD>Кяхулай </TD><TD ALIGN=RIGHT 45.2</TD><TD ALIGN=RIGHT>48</TD></TR>

<TR><TD>Редукторный </TD><TD ALIGN=RIGHT> 42.0</TD><TD ALIGN=RIGHT> 40</TD></TR>

<TR><TD>Сепараторный </TD><TD ALIGN=RIGHT> 25.4 </TD><TD ALIGN=RIGHT>30</TD></TR>

<TR><TD> 5 Поселок </TD><TD ALIGN=RIGHT> 83.8</TD><TD ALIGN=RIGHT>29</TD></TR>

<TR><TD>Ленинкент </TD><TD ALIGN=RIGHT> 34.9</TD><TD ALIGN=RIGHT>35</TD></TR> </TABLE>

<P> <CENTER> Все поселки, подчиненные<BR>администрации<BR>Махачкалы, имеют<BR>прямые городские<BR>номера. </CENTER> </TD>

<CAPTION><STRONG>Поселки областного подчинения</CAPTION>

<TR><TH>Поселок</TH><TH>H</TH><TH>P</TH></TR>

<TR><TD>Кизляр</TD><TD ALIGN=RIGHT> 21.6</TD><TD ALIGN=RIGHT> 245</TD></TR>

<TR><TD>Бабаюрт</TD><TD ALIGN=RIGHT> 50.3</TD><TD ALIGN=RIGHT>122</TD></TR>

<TR><TD>Кизилюрт</TD><TD ALIGN=RIGHT> 32.9</TD><TD ALIGN=RIGHT>24</TD></TR>

<TR><TD>Буйнакск</TD><TD ALIGN=RIGHT> 80.9</TD><TD ALIGN=RIGHT>24</TD></TR>

<TR><TD>Каспийск</TD><TD ALIGN=RIGHT> 1.0</TD><TD ALIGN=RIGHT>159</TD></TR>

<TR><TD>Дербент</TD><TD ALIGN=RIGHT> 80.9</TD><TD ALIGN=RIGHT>46</TD></TR>

<TR><TD>Избербаш</TD><TD ALIGN=RIGHT> 11.9</TD><TD ALIGN=RIGHT>147</TD></TR>

<TR><TD>Южно-Сухокумск</TD><TD ALIGN=RIGHT> 5.9</TD><TD ALIGN=RIGHT>157</TD></TR>

<TR><TD>Гунибский</TD><TD ALIGN=RIGHT> 51.5</TD><TD ALIGN=RIGHT>138</TD></TR>

<TR><TD>Курахский</TD><TD ALIGN=RIGHT> 53.8</TD><TD ALIGN=RIGHT>115</TD></TR>

<TR><TD>Левашинский</TD><TD ALIGN=RIGHT> 23.8</TD><TD ALIGN=RIGHT>55</TD></TR>

<TR><TD>Кулинский</TD><TD ALIGN=RIGHT> 27.3</TD><TD ALIGN=RIGHT>244</TD></TR>

<TR><TD>Дербентский</TD><TD ALIGN=RIGHT> 41.8</TD><TD ALIGN=RIGHT> 139</TD></TR> </TABLE> </TD>

<CAPTION><STRONG> (продолжение таблицы) </CAPTION>

<TR><TH>Поселок</TH><TH>H</TH><TH>P</TH></TR>

<TR><TD>Кахиб</TD><TD ALIGN=RIGHT> 4.7</TD><TD ALIGN=RIGHT>85</TD></TR>

<TR><TD>Телетль</TD><TD ALIGN=RIGHT> 11.2</TD><TD ALIGN=RIGHT>141</TD></TR>

<TR><TD>Терекли-Мектеб</TD><TD ALIGN=RIGHT> 22.9</TD><TD ALIGN=RIGHT>40</TD></TR>

<TR><TD>Татархан</TD><TD ALIGN=RIGHT> 25.1</TD><TD ALIGN=RIGHT>246</TD></TR>

<TR><TD>Кирка</TD><TD ALIGN=RIGHT> 23.1</TD><TD ALIGN=RIGHT>285<TD></TR>

<TR><TD>Курах</TD><TD ALIGN=RIGHT> 6.7</TD><TD ALIGN=RIGHT>137</TD></TR>

<TR><TD>Гимры</TD><TD ALIGN=RIGHT> 20.5</TD><TD ALIGN=RIGHT>145</TD></TR>

<TR><TD>Ксумкент</TD><TD ALIGN=RIGHT> 42.6</TD><TD ALIGN=RIGHT>192</TD></TR>

<TR><TD>Акуша</TD><TD ALIGN=RIGHT> 57.6</TD><TD ALIGN=RIGHT>81</TD></TR>

<TR><TD>Сивух</TD><TD ALIGN=RIGHT> 72.0</TD><TD ALIGN=RIGHT>200</TD></TR>

<TR><TD>Куллар</TD><TD ALIGN=RIGHT> 33.8</TD><TD ALIGN=RIGHT>53</TD></TR>

<TR><TD>Даркуш</TD><TD ALIGN=RIGHT> 12.5</TD><TD ALIGN=RIGHT>64</TD></TR>

</TABLE> </TD> </TR> </TABLE>

</BODY> </HTML>

2. Фреймы и формы

2.1 Понятие фреймов

Фреймы позволяют разбить окно просмотра браузера на несколько прямоугольных подобластей, располагающихся рядом друг с другом. В каждую из этих подобластей можно загрузить отдельный HTML– документ, просмотр которого осуществляется независимо от других. Между фреймами, также как и между отдельными окнами браузера, при необходимости можно организовать взаимодействие, которое заключается в том, что выбор ссылки в одном из фреймов может привести к загрузке нужного документа в другой фрейм или окно браузера.

Возможность работы с фреймами впервые реализована в браузере Netscape 2.0. Следующая версия браузера Netscape 3.0 обогатила возможности фреймов, добавив несколько дополнительных параметров к основным тэгам описания структуры фреймов. Браузер MicrosoftInternetExplorer поддерживает фреймы, начиная с версии 3.0, а также предоставляет уникальную возможность создания плавающих фреймов.

Разработчиками HTML-документов предоставляется довольно богатый выбор отображения информации на страницах. Текстовая и графическая информация может быть упорядочена и организована при помощи списков, таблиц или просто с помощью параметров выравнивания, задания горизонтальных линий, разделения на абзацы. Иногда этих возможностей оказывается недостаточно и тогда приходится разбивать окно просмотра браузера на отдельные области или фреймы.

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

Вот простой документ с использованием фреймов:

<!DOCTYPE HTML PUBLIC « //W3C //DTD HTML 4.0 Frameset //EN»><HTML><HEAD><TITLE>Простойдокументсфреймами</TITLE> </HEAD><FRAMESET cols= «20%, 80%»><FRAMESET rows= «100, 200»><FRAME src= «contents_of_frame1.html»><FRAME src= «contents_of_frame2.gif»></FRAMESET><FRAME src= «contents_of_frame3.html»><NOFRAMES><P> В этом документе содержится:<LI><A href= «contents_of_frame1.html»>Миленькийтекстик</A><LI><IMG src= «contents_of_frame2.gif» alt= «Картинка»><LI><A href= «contents_of_frame3.html»> Славныйтекст</A></UL></NOFRAMES></FRAMESET></HTML>

Если агент пользователя не может представлять фреймы или сконфигурирован так, чтобы не делать этого, он должен генерировать содержимое элемента NOFRAMES.

2.2 Расположение фреймов

Документ HTML, в котором описывается компоновка фреймов (называемый документом с фреймами), выглядит не так, как документ HTML без фреймов. Стандартный документ имеет один раздел HEAD и один раздел BODY. Документ с фреймами имеет раздел HEAD и раздел FRAMESET, который заменяет раздел BODY.

В разделе FRAMESET задается расположение фреймов в основном окне агента пользователя. Кроме того, в разделе FRAMESET может присутствовать элемент NOFRAMES для агентов пользователей, не поддерживающих фреймы или сконфигурированных так, чтобы их не показывать.

Элементы, обычно помещаемые в раздел BODY, не должны присутствовать до первого элемента FRAMESET, иначе элемент FRAMESET будет игнорироваться.

Элемент FRAMESET

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

rows = multi-length-list

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

cols = multi-length-list

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

Элемент FRAMESET определяет макет основного окна пользователя в виде прямоугольных пространств.

Установка атрибута rows определяет число горизонтальных отрезков пространства в наборе фреймов. Установка атрибута cols определяет число вертикальных отрезков. Для создания сетки можно установить оба атрибута одновременно.

Если атрибут rows не установлен, каждый столбец занимает всю длину страницы. Если атрибут cols не установлен, каждая строка занимает всю ширину страницы. Если не установлен ни один из этих атрибутов, фрейм занимает всю страницу.

Фреймы создаются в направлении слева направо для столбцов и сверху вниз для строк. Если указаны оба атрибута, разделы окон создаются слева направо в верхней строке, слева направо во второй строке и т.д.

В первом примере экран разделяется горизонтально на две части (то есть создаются верхняя и нижняя части).

<FRAMESET rows= «50%, 50%»>…продолжение определения…</FRAMESET>

В следующем примере создается три столбца: второй имеет фиксированную ширину 250 пикселей (это полезно, например, для представления изображения известной ширины). Первый фрейм получает 25% оставшегося пространства, а третий – 75%.