Интернет программирование стр.5
Списки, ссылки и графика
Возможностей для построения списков и перечислений HTML предоставляет более чем достаточно. Мы можем делать как нумерованные, так и ненумерованные списки, ставить номера в любом виде (римские и арабские цифры, варианты их написания), использовать различные виды маркеров ненумерованного списка, создавать списки с пояснениями. Для всего этого предусмотрены свои варианты действий.
Итак, для создания обычного ненумерованного списка (перечисление без упорядочивания) используется следующая конструкция: начало списка открывается тэгом <ul>, каждый элемент списка отмечается тэгом <li>, а завершение списка делается с помощью закрывающего тэга </ul>. Для тэга <ul> есть параметр type, который определяет вид маркеров списка. То есть, если мы зададим <ul type=circle>, то в качестве маркера для пунктов списка будет использована окружность, значение параметра disk задает в качестве маркера точку, a square — квадрат.
Если перед нами стоит задача воспроизвести нумерованный список, то придется воспользоваться тэгами <ol> и </ol>. У стартового тэга <ol> существуют параметры type, задающий тип списка, и start, задающий начальный номер списка. Так, при использовании конструкции <ol type=a> в качестве нумераторов списка будут использованы большие латинские буквы. Значение параметра type=a заставит нумеровать список маленькими латинскими буквами, I — большие римские цифры (I, II,III,), i — маленькие римские цифры (i,ii,iii,), 1 — обычные арабские цифры.
Если потребуется создать список с пояснениями, то для этого используются тэги <dl> и </dl>, причем для обозначения самого элемента списка зарезервирован тэг <dt>, а для пояснения его — <dd>.
Впрочем, все это лучше один раз увидеть воочию, и сразу понять, как выглядят эти списки.
Листинг 1.3. Файл1-З.Мт! !
<HTML> <HEAD>
<Т1ТЬЕ>Моя очередная страница!</TITLE> </HEAD> <BODY>
Ненумерованный список <UL>
<LI> Первый ненумерованный пункт <LI> Второй ненумерованный пункт </UL>
Пронумерованный список <0L TYPE=I START=10>
<LI> Первый пункт, помечен как десятый <LI> Второй пункт, помечен как одиннадцатый </ 0L>
Список с пояснениями <DL>
<DT> Нумерованный список
<DD> Список, у которого все элементы пронумерованы <DT> Непронумерованный список
<DD> Список, у которого все элементы просто помечены маркерами </DL> </BODY> </HTML>
На рис. 1.3 видно, как будет выглядеть этот документ при просмотре его через браузер.
Теперь самое время перейти к ссылкам в документах HTML. При переводе полного названия этого языка самое первое слово — "гипертекстовый", то есть обеспечивающий ссылки на различные ресурсы. В HTML-документах используются локальные и внешние ссылки. Таким образом, мы можем сказать, что гиперссылка — это указание адреса HTML-документа, к которому можно перейти от текущего документа. Причем для пользователя во внутренних и внешних ссылках нет никакой разницы. Действия для перехода к следующей главе читаемого документа и для перехода к страничке, находящейся где-нибудь на другом материке, абсолютно идентичны.
*