Главная | Обратная связь | Поможем написать вашу работу!

Типы списков HTML и соответствующие им теги

Тег	Тип списка
<OL>	Упорядоченный (нумерованный) список
<UL>	Неупорядоченный (маркированный) список
<DL>	Список определений
<MENU>	Список элементов меню (используется редко)
<DIR>	Список элементов каталогов (используется редко)

При создании нумерованного списка используется следующий синтаксис:

<OL>

<LI>Первый элемент списка</LI>

<LI>Второй элемент списка</LI>

…

<LI>Последний элемент списка</LI>

</OL>

По умолчанию элементы списка нумеруются арабскими цифрами. Чтобы для нумерации использовались буквы алфавита или римские цифры, надо определить стиль форматирования следующим образом: <OL TYPE=тип START=значение>

Параметр тип может принимать значения, приведенные в табл. 6. Атрибут START используется тогда, когда нумерация списка начинается с числа, отличного от 1, или с буквы, отличной от а. Тогда параметр значение – это число, соответствующее начальному числу списка или начальной букве списка. Например, код <OL TYPE=A START=4> означает, что нумерация списка будет начинаться с четвертой буквы английского алфавита, т.е. с D.

Таблица 6

Типы нумерации упорядоченных списков в HTML

Тип	Стиль
	Стандартный способ нумерации с помощью арабских цифр
a	Строчные буквы английского алфавита
A	Прописные буквы английского алфавита
i	Строчные римские цифры
I	Прописные римские цифры

Код неупорядоченного списка очень похож на код нумерованного списка:

<UL TYPE=тип>

<LI>Первый элемент списка</LI>

<LI>Второй элемент списка</LI>

…

<LI>Последний элемент списка</LI>

</UL>

Здесь параметр тип может принимать одно из значений, приведенных в табл. 7, например: <UL TYPE=”square”>

Таблица 7

Типы маркеров для маркированных списков

Тип	Рекомендуемый внешний вид(зависит от браузера)
disc	· Заполненный кружок
square	n Заполненный квадратик
circle	¢ Незаполненный кружок

В списках определений каждому термину соответствует абзац определения, оформленный с отступом. Такие списки могут использоваться, например, в каталогах с описанием товаров. Список определений содержится в контейнере <DL> </DL>, где DL – definition list. Элементы списка определений создаются с использованием тегов <DT> и <DD>, которые отмечают термин (definition term) и его определение (definition). Например:

<DL>

<DT>Первый термин</DT>

<DD>Первое определение</DD>

<DT>Второй термин</DT>

<DD>Второе определение</DD>

</DL>

Web-графика

Для вставки графического изображения используется одиночный тег <IMG>, имеющий следующий синтаксис:

<IMG SRC=URL_изображения HEIGHT=”число” WIDTH=”число”>,

где SRC – источник (source) – место, где хранится изображение, HEIGHT и WIDTH – размеры изображения в пикселах (соответственно высота и ширина). Например:

<IMG SRC=”image/picture.jpg” WIDTH=”50” HEIGHT=”50”<BR>

<IMG SRC=”http://www.spbstu.ru/mmf/logo500.gif” WIDTH=”120” HEIGHT=”120”

Здесь picture.jpg – картинка размером 50 на 50 пикселов, размещенная в каталоге image на том же сервере, что и исходная страница; logo500.gif – картинка размером 120 на 120 пикселов, размещенная на другом сервере по адресу: http://www.spbstu.ru/mmf/.

Для выравнивания текста относительно изображений используется атрибут ALIGN тега IMG. Некоторые его значения приведены в табл. 8.

Таблица 8

⇐ Предыдущая 1 234 Следующая ⇒