Чат PHP-разработчиков
Логические задачи
Как сделать маркированный список в HTML

Маркированные списки в HTML

Списки применяются во всевозможных документах достаточно часто. Однако, не всегда это делается правильно. Наиболее ярким примером ошибочного составления списка является простая нумерация строк текста. Но, с точки зрения структуры страницы, данный текст не представляет собой список.

Чтобы создать список корректно, необходимо задействовать теги HTML, коих, для решения данной задачи, есть целое семейство. Они позволяют создавать на странице нумерованные, маркированные списки, а также списки определений. Давайте научимся работать с ними.

Маркированный список

Маркированные списки еще называют неупорядоченными. И создаются они с использованием тега <ul>. Внутри этого тега может присутствовать еще один – <li>, который обозначает элемент списка.

Давайте сделаем простой список - перечислим уровни подготовки программистов, которым подойдёт книга:

...
<p>
    Текст про книгу 1
</p>
<p>
    Книга подойдёт для:
</p>
<ul>
    <li>Начинающих</li>
    <li>Середнячков</li>
    <li>Опытных</li>
</ul>
...

В браузере это будет выглядеть так:

На этом с маркированным списком всё. В следующем уроке поговорим про нумерованный список.

Присоединяйтесь к нам в ВКонтакте и в Facebook, чтобы не пропустить новые уроки. А также вступайте в наш чат PHP-разработчиков в Telegram.
Домашнее задание
Задание и его проверка доступны только для патронов проекта. От 1$/месяц.
Читайте также
Комментарии (0)
Комментирование урока доступно только для патронов проекта. От 1$/месяц.