Урок 2.5: Маркированный список
В я зыке HTML создание маркированного списока (список без нумерации) осуществляется парным тегом <ul> ... </ul>.
Тег <ul> указывает браузеру, что перед ним маркированный список.
Для указания пункта списка используется парный тег <li> ... </li>.
Пример
<html>
<head>
<title>Маркированный список</title>
</head>
<body>
<ul>
<li>Язык HTML</li>
<li>Язык CSS</li>
<li>Язык PHP</li>
</ul>
</body>
</html>
Результат
Любой список можно сделать вложенным. Для этого нужно внутри пункта списка (тег <li>) разместить еще один список.
Пример
<html>
<head>
<title>Маркированный список</title>
</head>
<body>
<ul>
<li>Язык HTML
<ul>
<li>Описание</li>
<li>Справочник</li>
<li>Уроки</li>
</ul>
</li>
<li>Язык CSS</li>
<li>Язык PHP</li>
</ul>
</body>
</html>
Результат
Вложенность списков может быть бесконечной.
Изменение вида маркера
Для изменения вида маркера у тега <ul> существует атрибут type с параметрами:
- disc (установлен по умолчанию)
- square
- circle
Пример
<html>
<head>
<title>Маркированный список</title>
</head>
<body>
<ul type="square">
<li>Язык HTML
<ul type="circle">
<li>Описание</li>
<li>Справочник</li>
<li>Уроки</li>
</ul>
</li>
<li>Язык CSS</li>
<li>Язык PHP</li>
</ul>
</body>
</html>
Результат