Здравствуйте
уважаемые подписчики! Это 6 номер моей
рассылки. Если вы не читали какой-то из
номеров рассылки то можете прочитать
тут. Рассылка приходит раз в неделю (в воскресенье). Cвои предложения
присылайте по адресу volen@in.vn.ua.
Списки!
Ненумерованные
списки
В html есть два,
вернее три вида списков, и первый это
ненумерованный. Называется так от того, что
каждый элемент списка выделяется не своим
порядковым номером, а просто жирной точкой
или квадратом. Ну вы все сами увидите.
Ограничивающими
скобками для ненумерованного списка
являются <ul>...</ul>, внутри которых
он собственно и размещается. Каждый элемент
списка, дабы его отделить от остальных,
ограничивается скобками <li>...</li> (list
item). Для краткости закрывающую метку можно
не использовать.
Пример:
<ul>
<li>Первый элемент списка
<li>Второй элемент списка</li>
</ul>
Вот как выглядит:
-
Первый элемент списка
-
Второй элемент списка
Если вам не нравится
оформление точкой, то вы можете задать
другое начертание атрибутом type, который
может принимать значение disc, square и circle.
Пример:
<ul type=square>
<li>Квадратик
<li type=disc>Кружочек
<li type=circle>Кружочек 2 </li>
</ul>
И вот как это
выглядит:
-
Квадратик
-
Кружочек
-
Кружочек2
Для более компактного
расположения элементов списка существует
атрибут COMPACT.
Нумерованные списки
Эти списки позволяют вам
пронумеровать каждый элемент, причем это
может делаться обычными и римскими цифрами,
а также буквами.
Ограничивающие скобки для таких
списков <ol>...</ol>. Атрибут type
задает как раз тип нумерации:
-
type=1 задает тип нумерации
арабскими цифрами 1,2,3,...
-
type=a задает тип нумерации
латинскими буквами a,b,c,...
-
type=A задает тип нумерации
латинскими заглавными буквами A,B,C,...
-
type=i задает тип нумерации
римскими цифрами в нижнем регистре i,ii,iii,iv,...
-
type=I соответственно римскими
цифрами в верхнем регистре I,II,III,IV,...
Здесь также можно применять
атрибут COMPACT.
Списки могут иметь более сложную
структуру, т.е. быть вложенными. В таких
случаях браузеры сами меняют тип нумерации
списков, чтобы они различались.
Списки определений
Эти списки отличаются от двух
предыдущих по своей структуре и
организации. Используются для описания
определений и терминов.
<dl>
<dt>Teрмин 1<dd>Определение первого термина.
<dt>Teрмин 2<dd>Определение второго термина.
</dl>
Вот как выглядит:
- Teрмин 1
-
Определение первого термина.
- Teрмин 2
-
Определение второго термина.
Здесь также может использоваться
атрибут COMPACT.
В оформлении документов списки
играют большую роль, так как в большинстве
случаев на странице приходится очень много
всего перечислять (ссылки, краткие
оглавления, какие-то разновидности
предметов и т.д.). Многие почему то
предпочитают сами создавать оформление для
списков, в виде шариков, стрелок, каких-то
точек под стиль своих страницы, но мне лично
кажется особого стиля они не предают, а вот
места "жрут" много, так как каждая
лишняя картинка увеличивает размер файла
на 15 и больше байт. Вы в праве решать, что вам
использовать, и если вы думаете что время
потраченное посетителями с лихвой
оплатится хорошим оформлением, то флаг вам
в руки :-).
До встречи через неделю. Деменчук Владислав, volen@in.vn.ua
:: Архив рассылки :: HTML #3 : HTML #4 : HTML #5 : HTML #6 : HTML #7 : HTML #8 : HTML #9 :: |