26.02.2017   2411
Как сделать маркированный список в HTML

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

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

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

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

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

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

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

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

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

Домашнее задание
Для просмотра нужно войти на сайт.
Или получить доступ прямо сейчас:


Нажимая эту кнопку
Вы принимаете политику конфиденциальности

КОММЕНТАРИИ

Чтобы написать комментарий нужно войти на сайт.
Или получить доступ прямо сейчас:


Нажимая эту кнопку
Вы принимаете политику конфиденциальности