- •Лабораторная работа № 8 «Создание html страниц. Списки. Таблицы».
- •Маркированный список
- •Графические маркеры списка
- •Нумерованный список
- •Список определений
- •Вложенные списки
- •Создание простейших html-таблиц
- •Представление таблиц на странице
- •Параметр border
- •Параметр cellspacing
- •Параметр cellpadding
- •Параметр align
- •Форматирование данных внутри таблицы
- •Вложенные таблицы
- •Задание фонового рисунка для таблицы
Список определений
Списки определений, также называемые словарями определений специальных терминов, являются особенным видом списков. В отличие от других типов списков, каждый элемент списка определений всегда состоит из двух частей. В первой части элемента списка записывается определяемый термин, а во второй части — текст в форме словарной статьи, раскрывающий значение термина.
Списки определений задаются с помощью тэга-контейнера <DL> (Definition List). Внутри контейнера тэгом <DT> (Definition Term) помечается определяемый термин, а тэгом <DD> (Definition Description) — абзац с его определением. Для тэгов <DT> и <DD> можно не записывать соответствующие закрывающие тэги.
В общем, список определений записывается следующим образом:
<DL>
<DT>Термин
<DD>Определение термина
</DL>
В тексте после <DT> не могут использоваться элементы уровня блока, такие как, например, тэги абзаца <Р> или заголовков <H1>—<H6>. Как правило, текст определяемого термина должен располагаться в одной строке. Текст, содержащий определение термина, выводится, начиная со следующей строки (или через строку для некоторых браузеров) после определения термина с отступом вправо. В информации, помещенной после тэга <DD>, могут располагаться элементы уровня блока. Отсюда следует, в частности, что списки определений могут быть вложенными.
В тэге <DL> может быть указан параметр COMPACT, назначение которого аналогично другим спискам, описываемым выше.
Приведем пример HTML-документа, в котором использован список определений:
<HTML>
<HEAD>
<TITLE>Пример списка определений</TITLE>
</HEAD>
<BODY>
<DL>
<CENTER>
<H3>Классификация типичных темпераментов человека,<BR>основанная на воззрениях Гиппократа</H3>
</CENTER>
<DT>Флегматик
<DD>Пассивный, очень трудоспособный, медленно приспосабливающийся; <BR>настроение устойчивое, мало поддается внешнему влиянию; <BR>вялость эмоциональных реакций и медлительность в волевой деятельности <BR><BR>
<DT>Сангвиник
<DD>Активный, энергичный, легко приспосабливающийся; <BR>живость и подвижность эмоциональных реакций, быстрота и сила волевых проявлений <BR><BR>
<DT>Холерик
<DD>Активный, очень энергичный, настойчивый; <BR>порывистость и сила эмоциональных реакций, бурные волевые проявления<BR><BR>
<DT>Меланхолик
<DD>Пассивный, легко утомляющийся, тяжело приспосабливающийся; <BR>слабость волевых проявлений и подавленного настроения, неуверенность в себе
</DL>
</BODY>
</HTML>
Сохраните страницу с именем lab8_4.html.
Вложенные списки
Бывают случаи, когда в элемент списка одного типа требуется включить список такого же типа или другого. При этом будут организованы многоуровневые или вложенные списки. В HTML допустимо произвольное вложение различных типов списков, однако при их организации следует проявлять аккуратность.
Ниже приводится HTML-код документа с вложенными списками. В этом примере в каждый элемент маркированного списка вложен свой нумерованный список.
<HTML>
<HEAD>
<TITLE>Пример вложенного списка</TITLE>
</HEAD>
<BODY>
<UL>
<B>Спутники некоторых планет</B>
<LI>Земля
<OL>
<LI>Луна
</OL>
<LI>Mapc
<OL>
<LI>Фобос
<LI>Деймос
</OL>
<LI>Уран
<OL>
<LI>Ариэль
<LI>Умбриэль
<LI>Титания
<LI>Оберон
<LI>Миранда
</OL>
<LI>Нептун
<OL>
<LI>Тритон
<LI>Нереида
</OL>
</UL>
</BODY>
</HTML>
Сохраните страницу с именем lab8_5.html.
Таблицы в HTML
Одним из наиболее мощных и широко применяемых в HTML средств являются таблицы. Понятие табличного представления данных не нуждается в дополнительном пояснении. В HTML таблицы используются не только традиционно, как метод представления данных, но и как средство форматирования Web-страниц.