Создание списков в HTML 2
В HTML есть возможность, составлять автоматически как нумерованные,
так и маркированные списки.
Создаются списки с помощью двух видов парных тэгов, для каждого вида списка
1.Маркированные списки
Маркированные списки - списки где важен не порядок следования, а перечень. Вместо символов нумерованного ипользуются маркеры.
Для создания маркированных списков использются тэги ul,/ul (начало и конец списка), li,/li (начало и конец строки)
Параметр тэга ul - type
По умолчанию (type=disk) жирная точка. Для изменения типа маркера, необходимо изменить параметр type
Возможны следующие варианты параметра type:
disk - жирная точка
cirkcle - окружность
square - квадрат
Вот пример списка из трех строчек в html-коде
<ul>
<li>первая строка</li>
<li>вторая строка</li>
<li>третья строка</li>
</ul>
В браузере отразится такой список:
- первая строка
- вторая строка
- третья строка
Попробуем в тег ul. добавить значение параметра type="circle" (не забываем кавычки),
оставив остальное без изменения.
Получим <ul type="circle">
<li>первая строка</li>
<li>вторая строка</li>
<li>третья строка</li>
</ul>
- первая строка
- вторая строка
- третья строка
Попробуем убрать тег ul, оставив только три строчки заключенные в тэгах li
первая строка
вторая строка
третья строка
Как видим пропадает отступ
между абзацами и строчки списка смешаются влево, и похоже у тэга ли есть параметр type
Проверим это, задав для каждой строчки свое значение
первая строка
вторая строка
третья строка
Список определений
dl, /dl - тэги начала/конца списка определений.(фактически выполняет роль абзаца, отделяет строчку
вверху и внизу от начала и конца списка)
dt, /dt - тэги начала/конца термина.
dd, /dd - тэги начала/конца определения.
Ниже приведенн пример такого списка.
- Тэги ul,/ul
- тэги обозначают, начало и конец маркированного списка
- Тэгиli,/li
- тэги обозначают, начало и конец строчки списка
Для выделения определения можно заключить его в тэги dfn
Вложенные списки
Попробуем создать вложенные списки. Ниже приведен пример вложенного списка, в HTML коде
В браузере, этот HTML код выглядит следующим образом
- первая строка
- вторая строка
- третья строка
- первая строка
- вторая строка
- третья строка
- четвертая строка
- пятая строка
- шестая строка
| 
