- •Практическое занятие №1 посвящено изучению структуры Web-документа
- •Практическое занятие №2 посвящено изучению структуры внутри документа
- •Практическое занятие №3 посвящено изучению и использованию списков
- •Практическое занятие №4 посвящено изучению и использованию тэгов ссылки и изображения
- •Практическое занятие №5 посвящено изучению и использованию таблиц
- •Заголовок таблицы расположен над таблицей
- •Практическое занятие №6 посвящено изучению и использованию кадров (фреймов)
- •Практическое занятие №7 посвящено изучению и использованию форм
- •Практическое занятие №8 посвящено изучению и использованию объектов
- •Практическое занятие №9 посвящено изучению и использованию бегущей строки
- •Практическое занятие №10 посвящено изучению и использованию скриптов
- •Практическое занятие №11 посвящено изучению и использованию стилей
- •Содержание
Практическое занятие №3 посвящено изучению и использованию списков
Списки – это средство форматирования перечисляемых, структурированных и иерархических данных. В гипертекстовых документах для этого используются следующие элементы: маркированные списки (UL), нумерованные списки (OL) и списки определений (DL). Описание этих элементов приведено в таблице 7. Свойства отображения списков рекомендуется описывать в таблице стилей.
Таблица 7. Тэги списков и их атрибуты.
Тэг |
Атрибут и значение атрибута |
Пояснение |
<UL> </UL > |
Type= disk | circle | square | “имя_файла” |
Элементы списка, помещённые в контейнер UL, смещаются вправо и помечаются некоторым маркером. Изображение маркера задаётся атрибутом Type. Это может быть или круг, или окружность, или квадрат, или имя файла, содержащего изображение маркера. |
<LI> </LI> |
|
Каждый элемент списка заключается в тэг LI. Он может использоваться и без закрывающей формы, но в этом случае нельзя использовать стилевые назначения для элемента. |
<OL> </OL > |
Type=1| I | i | A | a |
Элементы списка, помещённые в контейнер OL, смещаются вправо и, некоторым способом, нумеруются. Нумерация задаётся атрибутом Type. Это могут быть или арабские цифры, или большие римские цифры, или маленькие римские цифры, или большие латинские буквы, или маленькие латинские буквы. |
|
Start=n |
Атрибут задаёт номер (n - число) для значения первого элемента списка. Например, <OL Type= A Start=4> такое определение атрибутов указывает, что первый элемент списка будет помечен большой латинской буквой D, а следующие за ним элементы, соответственно, в алфавитном порядке. |
<DL> </DL> |
|
Список определений используется для форматирования словарей, глоссариев и т. д. В контейнер DL включаются элементы определения, заключённые в тэги DT и DD. |
<DT> </DT> |
|
Используется для описания термина. |
<DD> </DD> |
|
Используется для пояснения вышеуказанного термина. Текст, помещённый в контейнер, смещается вправо относительно расположения термина. |
Пример текста со списками.
<BODY>
<P>Фирма производит следующую продукцию:
<UL Type=circle>
<LI> шоколадные конфеты, </LI>
<LI> шоколад, </LI>
<LI> зефир в шоколаде. </LI>
</UL>
</P>
<P>Продукция отвечает следующим требованиям:
<OL Type=1>
<LI> Высокое качество. </LI>
<LI> Красивая упаковка. </LI>
<LI> Не высокие цены. </LI>
<LI> Очень вкусно. </LI>
</OL>
</P>
<P>Термины, используемые в тексте.
<DL>
<DT> Качество </DT>
<DD> Определяется по сертификату продукции, который соответствует стандарту. </DD>
<DT> Цена </DT>
<DD> Устанавливается не ниже затрат на производство продукции и не выше, чем у конкурентов. </DD>
</DL>
</P>
</BODY>
Упражнение 3.1. Создайте новый HTML-файл, в который скопируйте заголовочную часть из HTML-файла, созданного для раздела 1, а в теле нового файла разместите содержание Web-сайта по выбранной вами теме, описанного с помощью тэгов списка.