- •Структура документа
- •Раздел документа head
- •Связь с другими документами
- •Логическое и физическое форматирование
- •Примечание
- •Примечание
- •Примечание
- •Перевод строки
- •Горизонтальные линии
- •Примечание
- •Примечание
- •Ссылки на другие документы и файлы
- •Организация ссылок
- •Примечание
- •Внутренние ссылки
- •Ссылки на документы различных типов
- •Ссылки на другие ресурсы Интернета
- •Прочие теги
- •Маркированный список
- •Примечание
- •Примечание
- •Нумерованный список
- •Примечание
- •Список определений
- •Вложенные списки
- •Примечание
Примечание
В некоторых учебниках по языку HTML встречается указание, что для задания заголовка списка следует применять тэг-контейнер <LH> (LH — List Header, заголовок списка). В настоящее время этот тег не распознается ни одним из распространенных браузеров и не входит в спецификацию HTML. Таким образом, его применение становится бессмысленным, хотя и не приведет к каким-либо ошибкам.
В тэге <UL> могут быть указаны два параметра: COMPACT и TYPE.
Параметр COMPACT записывается без значений и применяется для указания браузеру, что данный список следует выводить в компактном виде. Например, может быть уменьшен шрифт или расстояние между строчками списка и т. д.
Примечание
В настоящее время наличие параметра COMPACT в тэге <UL> никак не влияет на отображение списков ведущими браузерами. Поэтому применение данного параметра бессмысленно, тем более что его употребление не рекомендуется спецификацией HTML 4.0.
Параметр TYPE может принимать следующие значения: disc, circle и square. Этот параметр используется для принудительного задания вида маркеров списка. Конкретный вид маркера будет зависеть от используемого браузера. Типичными вариантами отображения являются следующие:
TYPE = disc — маркеры отображаются закрашенными кружками; TYPE = circle — маркеры отображаются не закрашенными кружками; TYPE = square — маркеры отображаются закрашенными квадратиками. Пример записи: <UL TYPE = circle>.
Значением, используемым по умолчанию, является TYPE = disc. Для вложенных маркированных списков на первом уровне по умолчанию используется значение disc, на втором — circle, на третьем и далее — square. Именно так делается в последних версиях браузеров Netscape и Internet Explorer. Заметим, что иные браузеры могут иначе отображать маркеры. Например, в спецификации HTML 4.0 для вида маркера, отображаемого при значении TYPE = square, указывается незакрашенный квадратик (square outline).
Параметр TYPE с теми же значениями может употребляться для указания вида маркеров отдельных элементов списка. Для этого параметр TYPE с соответствующим значением разрешено указывать в тэге элемента списка <LI>.
Пример записи: <LI TYPE = circle>.
Примечание
Браузеры по-разному интерпретируют указание вида маркера для отдельного элемента списка. Браузер Netscape изменяет вид маркера для данного и всех последующих, пока не встретится очередное переопределение вида маркера. Браузер Internet Explorer изменяет вид маркера только для данного элемента.
Графические маркеры списка
В качестве маркеров списка можно использовать графические изображения, что широко применяется для создания привлекательных, красиво оформленных HTML-документов. На самом деле такая возможность не предоставляется непосредственно языком HTML, а реализуется несколько искусственно. Это вовсе не означает, что так делать не рекомендуется или предосудительно, а лишь означает, что здесь не будут применяться никакие специальные языковые конструкции HTML.
Чтобы понять идею, необходимо разобраться в механизме реализации списков на HTML-страницах. Оказывается, что тег списка <UL> (как, впрочем, и теги списков других типов, рассматриваемых ниже) выполняет единственную задачу — указывает браузеру, что вся информация, располагаемая после данного тега должна отображаться со сдвигом вправо (отступом) на некоторую величину. Теги <LI>, указывающие на отдельные элементы списка, обеспечивают вывод стандартных маркеров элементов списка.
Если же нам требуется построить список с графическими маркерами, то можно вообще обойтись без тегов <LI>. Достаточно будет перед каждым элементом списка вставить желаемое графическое изображение. Единственной задачей, которую нужно при этом решить, будет отделение элементов списка друг от друга. Для этого можно использовать теги абзаца <P> или принудительного перевода строки <BR>. Пример реализации списка с графическими маркерами показан ниже:
<HTML>
<HEAD>
<TITLE>Маркированный список</TITLE>
</HEAD>
<BODY>
<UL>
<B>Знаки зодиака:</B><BR>
<IMG SRC="Green_ball.gif"> Овен<BR>
<IMG SRC="Green_ball.gif"> Телец<BR>
<IMG SRC="Green_ball.gif"> Близнeцы<BR>
<IMG SRC="Green_ball.gif"> Paк<BR>
<IMG SRC="Green_ball.gif"> Лeв<BR>
<IMG SRC="Green_ball.gif"> Дева<BR>
<IMG SRC="Green_ball.gif"> Весы<BR>
<IMG SRC="Green_ball.gif"> Скорпион<BR>
<IMG SRC="Green_ball.gif"> Cтpeлeц<BR>
<IMG SRC="Green_ball.gif"> Козерог<BR>
<IMG SRC="Green_ball.gif"> Водолей<BR>
<IMG SRC="Green_ball.gif"> Рыбы
</UL>
</BODY>
</HTML>
В приведенном примере в качестве маркера элементов списка используется графический файл Green_ball.gif. Заметим, что использование графики на HTML-страницах может значительно увеличить объем передаваемой информации. Однако в данном случае это увеличение крайне незначительно. Здесь для всех маркеров используется один и тот же файл, который будет передан только один раз. Размеры файла, содержащего маленькое изображение, также крайне незначительны.