Меню сайта
Программирование
Хакинг
Категории раздела
Html [15]
Главная » Статьи » Программирование » Html

Урок 5 HTML Списки
Урок 5 HTML Списки
Для окончания темы "оформление документа" нам осталось рассмотреть еще пару элементов. Это списки и их типы.
Ненумерованные списки

В html есть два, вернее три вида списков, и первый это ненумерованный. Называется так от того, что каждый элемент списка выделяется не своим порядковым номером, а просто жирной точкой или квадратом. Ну вы все сами увидите.

Ограничивающими скобками для ненумерованного списка являются <ul>...</ul>, внутри которых он собственно и размещается. Каждый элемент списка, дабы его отделить от остальных, ограничивается скобками <li>...</li> (list item). Для краткости закрывающую метку можно не использовать.

Пример:

<ul>
<li>Первый элемент списка
<li>Второй элемент списка</li>
</ul>

Вот как выглядит:

* Первый элемент списка
* Второй элемент списка

Если вам не нравится оформление точкой, то вы можете задать другое начертание атрибутом type, который может принимать значение disc, square и circle.

Пример:

<ul type=square>
<li>1 element
<li type=disc>2 element
<li type=circle>3 element
<li>4 element
</ul>

И вот как это выглядит:

* 1 element
* 2 element
* 3 element

Для более компактного расположения элементов списка существует атрибут COMPACT.
Нумерованные списки
Эти списки позволяют вам пронумеровать каждый элемент, причем это может делаться обычными и римскими цифрами, а также буквами.

Ограничивающие скобки для таких списков <ol>...</ol>. Атрибут type задает как раз тип нумерации:

1. type=1 задает тип нумерации арабскими цифрами 1,2,3,...
2. type=a задает тип нумерации латинскими буквами a,b,c,...
3. type=A задает тип нумерации латинскими заглавными буквами A,B,C,...
4. type=i задает тип нумерации римскими цифрами в нижнем регистре i,ii,iii,iv,...
5. type=I соответственно римскими цифрами в верхнем регистре I,II,III,IV,...

Здесь также можно применять атрибут COMPACT.

Списки могут иметь более сложную структуру, т.е. быть вложенными. В таких случаях браузеры сами меняют тип нумерации списков, чтобы они различались.
Списки определений
Эти списки отличаются от двух предыдущих по своех структуре и организации. Используются для описания определений и терминов.

<dl>
<dt>Teрмин 1<dd>Определение первого термина.
<dt>Teрмин 2<dd>Определение второго термина.
</dl>

Вот как выглядит:

Teрмин 1
Определение первого термина.
Teрмин 2
Определение второго термина.

Здесь также может использоваться атрибут COMPACT.
Категория: Html | Добавил: -=Bandit=- (29.04.2013)
Просмотров: 1363 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *:
people-group
Tak.ru

Карты сайта: Sitemap.xml и Sitemap-forum.xml

Дизайн сайта скомпилировал Lexarus