Лабораторная работа № 5 Использование списков и таблиц при разработке html-страниц
Цель работы: изучить основы гипертекстовой технологии на примере разработки html-страниц с использованием списков и таблиц.
Продолжительность работы - 4 часа.
Теоретические сведения
Как было видно из предыдущих работ, HTML не предполагает задания жёстких границ страницы. Это было сделано для того, чтобы весь текст умещался в окне браузера. Но при этом при изменении размеров окна браузера текст и картинки смещаются друг относительно друга, что часть бывает неудобно для web-дизайнеров. Единственным способом закрепить части html-страницы друг относительно друга является представление содержимого html-страницы в виде таблицы. Также выбор табличной формы представления данных может быть обусловлен характером этих данных. Например, в виде таблиц представляются прайс-листы, характеристики изделий, финансовые сведения и прочие сведения.
Важными частями html-страниц являются так называемые навигатор и карта сайта. Под навигатором понимаются наиболее важные ссылки внутри сайта, позволяющие пользователям быстро переходить к интересующей их информации. Картой сайта называется подробное описание структуры сайта, которое чаще всего оформляется в виде многоуровневых списков. Традиционно навигатор размещается в верхней части html-страницы и оформляется в виде таблицы, а карта сайта – в левой части страницы или в её центре и оформляется в виде списка. В виде списка также удобно представить оглавление длинного текста, размещённого на html-странице, или разбитого на главы и представленного в виде нескольких html-документов.
Сведения о языке html
2.1. Списки
В HTML определены три вида списков: нумерованные, маркированные и списки определений.
Нумерованный список задаётся следующим образом.
<OL> - начало нумерованного списка.
<LI>Текст - первый элемент нумерованного списка.
. . .
<LI>Текст - последний элемент нумерованного списка.
</OL> - конец нумерованного списка.
Маркированный список задаётся следующим образом.
<UL> - начало маркированного списка.
<LI>Текст - первый элемент маркированного списка.
. . .
<LI>Текст - последний элемент маркированного списка.
</UL> - конец маркированного списка.
Список определений задаётся следующим образом.
<DL> - начало списка определений.
<DT>Термин - первый термин.
<DD>Определение - определение первого термина.
. . .
<DT>Термин - последний термин.
<DD>Определение - определение последнего термина.
</DL> - конец списка определений.
Списки могут быть вложенными, что позволяет организовывать многоуровневые списки.
Атрибут TYPE тегов <OL> и <UL> задаёт вид маркера для маркированных списков или способ нумерации для нумерованных списков.
<OL type=1> - нумерация арабскими цифрами (используется по умолчанию) (1, 2, 3,...)
<OL type=A> - нумерация прописными буквами (A, B, C,...)
<OL type=a> - нумерация строчными буквами (a, b, c,...)
<OL type=I> - нумерация большими римскими цифрами (I, II, III,...)
<OL type=i> - нумерация малыми римскими цифрами (i, ii, iii,...)
<UL type=circle> - маркер – окружность (○)
<UL type=disc> - маркер – диск (используется по умолчанию) (●)
<UL type=square> - маркер – квадрат (■)
Атрибут START тега <OL> задаёт начальный индекс нумерации списка. Независимо от способа нумерации он должен задаваться арабским числом и быть не менее 1.
Атрибут COMPACT уменьшает промежутки между элементами списка, делая его более компактным.
Замечание. Отступы от индекса до элемента списка, а также от левой границы области текста до индекса являются величинами фиксированными. Поэтому, если индекс записывается длинной строкой (что характерно для римских цифр), он может наезжать на последующий за ним текст. Для борьбы с этим эффектом рекомендуется использовать тег <BLOCKQUOTE>. При представлении списка в виде цитаты смещается только текст, но не индексы.