Вы здесь: Главная > HTML > Списки

Списки

Опубликовано автором Просмотры: 10

Существует три типа списков: неупорядоченные списки (маркированные), упорядоченные списки (нумерованные) и списки определений. Мы рассмотрим первые два здесь, а списки описаний ─ в Продвинутом уроке HTML.

В неупорядоченных списках используют маркеры, а в упорядоченных ─ числа.

Тег ul используют для создания маркированных списков.

Тег ol используют для создания нумерованных списков.

Внутри списков тег li необходим для определения каждого элемента списка.

Измените свой код на следующий:

<!DOCTYPE html>
<html>
<head>
    <title>Моя первая страница</title>
</head>
<body>
    <h1>Моя первая страница</h1>
    <h2>Что это?</h2>
    <p> Простая страница, созданная с использованием HTML.</p>
    <h2>Зачем она?</h2>
    <ul>
        <li> Чтобы выучить HTML </li>
        <li> Чтобы создать страничку, на которой снег идёт </li>
        <li> Чтобы получить просветление в программировании и уйти в нирвану двузначной системы счисления.</li>
    </ul>
</body>
</html>

Если вы посмотрите на это в своём браузере, вы увидите маркированный список.

Просто измените ul теги на ol, и список станет нумерованным.

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

Замените приведённый выше код списка следующим:

<ul>
    <li>Чтобы выучить HTML</li>
    <li>
        Чтобы красоваться
        <ol>
            <li>перед моим боссом</li>
            <li>перед моими друзьями</li>
            <li>перед моим котом</li>
            <li>перед маленькой говорящей уточкой в моей голове</li>
        </ol>
    </li>
    <li> Потому что ушёл в компьютер, вернусь не скоро.  </li>
</ul>

Та-даам! У вас список внутри списка. И вы могли бы поместить в него другой список. И ещё один список. И так далее, и в том же темпе.

Страницы в тему:

Примеры CSS

Добавить комментарий