Маркированные списки
Являются самыми простыми. В таких списках важен только перечень элементов списка. В начале каждого элемента списка устанавливаются маркеры – точки, черточки, кружки.
Для разметки маркированного списка в HTML применяют шаблон:
<ul>
<li>пункт 1 списка</li>
<li>пункт 2 списка</li>
</ul>
Форматирование маркированных списков
По умолчанию маркером каждого элемента маркированного списка является кружок темного цвета.
Как изменить маркер?
С помощью параметра type. Он определяет вид маркера.
В HTML предусмотрено 3 вида маркеров:
● - кружки;
○ - окружности;
■ - квадратики.
Рассмотрим пример (Внимательно разберите этот пример!).
Введем в редакторе следующий HTML-код:
<html>
В HTML есть только 3 вида маркеров:<br>
<ul type="disk">
<
</ul>
<ul type="circle">
<li>окружности;</li>
</ul>
<ul type="square">
<li>квадратики;</li>
</ul>
</html>
Получим следующий вид:
Задание для самостоятельной работы.
Создать HTML-документ, при просмотре которого в браузере информация будет воспроизводиться следующим образом
Нумерованные списки
Если необходимо, чтобы элементы списка находились в строгом порядке, то следует использовать тег нумерованного списка <ol></ol>.
HTML-код нумерованного списка выглядит следующим образом:
<ol>
<li>первый элемент списка</li>
<li>второй элемент списка</li>
<li>третий элемент списка</li>
</ol>
Хотя тег <li></li> - парный, но закрывать его не обязательно.
Рассмотрим пример.
Введем в редакторе следующий HTML-код:
<html>
Для того, чтобы создать список, необходимо:
<ol>
<li>Терпение.
<li>Внимание.
</ol>
</html>
Каждый элемент списка нумеруется автоматически арабскими цифрами.
Все элементы списка будут автоматически перенумерованы, если добавить или удалить из нумерованного списка один или несколько элементов.
Задание
Добавить третий элемент списка: Желание научиться.
Форматирование нумерованных списков
В HTML предусмотрено 5 стилей нумерации элементов списка.
С помощью параметра type можно изменить тип нумерации, а параметр start позволит изменить начальное значение нумерации.
В HTML нет способа автоматической разметки списка пронумерованного кириллицей (а, б, в, г, …)
Примечание.
После буквы или цифры всегда стоит точка (.).
Рассмотрим пример
При просмотре данного документа в браузере элементы списка будут пронумерованы римскими цифрами.
<html>
<head>
<title>Нумерованный список</title>
</head>
<body>
<ol type=I>
<li> Первый элемент нумерованного списка.
<li> Второй элемент нумерованного списка.
</ol>
</body>
</html>
Начальный номер списка
В некоторых случаях номером первого элемента списка должна быть не 1, а другая цифра.
Рассмотрим пример:
<html>
<head>
<title>Продолжение нумерованного списка</title>
</head>
<body>
<p>Последовательная нумерация элементов списка</p>
<ol start=5 >
<li> Первый элемент нумерованного списка.
<li> Второй элемент нумерованного списка.
<li> Третий элемент нумерованного списка.
</ol>
<p>Дополнительная информация</p>
<ol>
<li value="4"> Четвертый элемент нумерованного списка.</li>
</ol>
</body>
</html>
Задание для самостоятельной работы.
Создать HTML-документ, при просмотре которого в браузере информация будет воспроизводиться следующим образом
