2.5.2. Ненумерованные списки

Для непронумерованных списков браузер обычно использует маркеры для пометки элемента списка. Вид маркера, как правило, настраивает пользователь браузера.

Пронумерованный список начинается стартовым тегом <UL> и завершается тегом </UL>. Каждый элемент списка начинается с тега <LI>. Например:

<UL>

<LI> Нумерованный

<LI> Ненумерованный

<LI> Список определений

</UL>

Тег <UL> может иметь атрибут:

<UL TYPE=disc|circle|square>

Атрибут TYPE тега <UL> определяет внешний вид маркера как вид по умолчанию (disc), круглый (circle) или квадратный (square). Например:

<UL TYPE=square>

<LI> Нумерованный

<LI> Ненумерованный

<LI> Список определений

</UL>

2.5.3. Вложенные списки

Ниже представлен пример вложенных списков:

<OL>

<LI> Нумерованный

<UL>

<LI> Нумерованный

<LI> Ненумерованный

<LI> Список определений

</UL>

<LI> Ненумерованный

<UL TYPE=square>

<LI> Нумерованный

<LI> Ненумерованный

<LI> Список определений

</UL>

<LI> Вложенный

</OL>

Тег элемента списка <LI> может иметь атрибуты:

<LI TYPE=disc|circle|squade> или <LI TYPE=A|a|I|i|1 VALUE=n>

в зависимости от того, в списке какого вида находится данный элемент.

Например:

<OL TYPE=I START=15>

<LI> Нумерованный

<LI TYPE=i VALUE=25> Ненумерованный

<LI> Список определений

</OL>

2.5.4. Список определений

Список определений начинается с тега <DL> и завершается тегом </DL>. Данный список служит для создание списков типа "термин"-"описание". Каждый термин начинается тегом <DT> , а описание - тегом <DD>. Например:

<DL>

<DT> <B> Отдел маркетинга </B>

<DD> Данный отдел занимается продвижением продуктов и услуг

<DT> <B> Финансовый отдел </B>

<DD> Данный отдел занимается всеми финансовыми операциями

<DT> <B> Отдел кадров </B>

<DD> Данный отдел занимается учетом и набором новых сотрудников фирмы, распределением отпусков, отслеживанием больничных листов и т.д.

</DL>

2.6. Графика в html-документах

Внедрение графических образов в документ позволяет пользователю видеть изображения непосредственно в контексте других элементов документа. Это наиболее часто используемая техника при проектировании документов, называемая иногда "inline image".

2.6.1. Тег <IMG>

Для внедрения изображения в HTML-документ используется тег <IMG>. Синтаксис тега:

<IMG SRC="URL" ALT="text" HEIGHT=n1 WIDTH=n2 ALIGN=top|middle|bottom|texttop ISMAP>

Опишем атрибуты тега:

URL - обязательный параметр, имеющий такой же синтаксис, как и стандартный URL. Данный URL указывает браузеру где находится рисунок. Рисунок должен храниться в графическом формате, поддерживаемом браузером(например, GIF или JPG).

ALT="text" - данный необязательный атрибут задает текст, который будет отображен браузером, не поддерживающим отображение графики или с отключенным отображением изображений. Обычно, это короткое описание изображения, которое пользователь сможет увидеть на экране в виде всплывающей подсказки.

HEIGTH=n1 - данный необязательный атрибут используется для указания высоты рисунка в пикселях. Если данный атрибут не указан, то используется оригинальная высота рисунка. Это параметр позволяет сжимать или растягивать изображения по вертикали, что позволяет более четко определять внешний вид документа. Однако, некоторые браузеры не поддерживают данный атрибут.

WIDTH=n2 - атрибут также необязателен, как и предыдущий. Позволяет задать абсолютную ширину рисунка в пикселях.

ALIGN - данный атрибут используется, чтобы сообщить браузеру, куда поместить следующий блок текста. Это позволяет более строго задать расположение элементов на экране. Если данный атрибут не используется, то большинство браузеров располагает изображение в левой части экрана, а текст справа от него.

ISMAP – этот атрибут сообщает браузеру, что данное изображение позволяет пользователю выполнять какие-либо действия, щелкая мышью на определенном месте изображения.

BORDER - данный атрибут позволяет автору определить ширину рамки вокруг рисунка.

VSPACE - позволяет установить размер в пикселах пустого пространства над и под рисунком, чтобы текст не наезжал на рисунок. Особенно это важно для динамически формируемых изображений, когда нельзя заранее увидеть документ.

HSPACE - то же самое, что и VSPACE, но только по горизонтали.