Списки в HTML

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

Ненумерованный список - список, в котором элементы выделяются специальными маркерами. Для того, чтобы сделать ненумерованный список в HTML, необходимо использовать тег <ul>...</ul>. Затем каждый элемент списка поместить в теге <li> ...</li>.

<b>Список литературы на лето</b> <ul>     <li>А. Куприн "Гранатовый браслет"</li>     <li>М. Булгаков "Собачье сердце"</li>     <li>И. Гончаров "Обломов"</li>     <li>Л. Толстой "Война и мир"</li>     <li>Н. Гоголь "Мертвые души"</li>     <li>А. Грибоедов "Горе от ума"</li> </ul>

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

Нумерованный список - список, в котором каждый элемент имеет свой порядковый номер. Для того, чтобы сделать ненумерованный список в HTML, необходимо использовать тег
 <ol>...</ol>. Затем каждый элемент списка поместить в теге <li> ...</li>.

<b>Список литературы на лето</b> <ol>     <li>А. Куприн "Гранатовый браслет"</li>     <li>М. Булгаков "Собачье сердце"</li> </ol> <ol type="A">     <li>И. Гончаров "Обломов"</li>     <li>Л. Толстой "Война и мир"</li> </ol> <ol type="I">     <li>Н. Гоголь "Мертвые души"</li>     <li>А. Грибоедов "Горе от ума"</li> </ol>

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

HTML позволяет "вкладывать" один список в другой, при этом вложенные списки отображаются с отступом.

<b>Домашние задания:</b> <ul> <li>Понедельник</li> <ul> <li>Математика - 5 задание 45 стр.</li> <li>Английский язык - 56 задание 78 стр.</li> </ul> </ul> <ul> <li>Вторник</li> <ol> <li>Рисование - медведь</li> <li>Философия - Сократ</li> </ol> </ul>

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

В HTML-документе существуют списки определений, где в теге <dl>...</dl> каждый элемент состоит из термина - <dt>  и его определения - <dd>.

<dl>   <dt>Философия</dt>   <dd>одна из древнейших областей знания, духовной культуры.</dd>   <dt>Биология</dt>   <dd>наука о живых существах и их взаимодействии со средой обитания.</dd>   <dt>История</dt>   <dd>наука, наука точная, ее основная задача является установление истины.</dd> </dl>