Регистрация Войти
Войти через VK Войти через FB Войти через Google Войти через Яндекс

Поиск по сайту

Наш Telegram бот: @htmlweb_bot

HTML списки

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

Списки определяются тегами:

<ul>...</ul>	обрамление маркированного списка;
<ol>...</ol>	обрамление нумерованного списка;
<li>...</li>	обрамление каждого элемента списка.

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

Изменить вид маркера списка можно с помощью стиля list-style.

Пример маркированного списка

<ul>
    <li>Гоголь Н.В.
        <ul>
            <li>«Ревизор»</li>
            <li>«Тарас Бульба»</li>
            <li>«Мертвые души»</li>
        </ul>
    </li>
    <li>Толстой Л.Н.
        <ul>
            <li>«Война и мир»</li>
            <li>«Анна Каренина»</li>
            <li>«Воскресение»</li>
        </ul>
    </li>
</ul>

РЕЗУЛЬТАТ:

Гоголь Н.В.
- «Ревизор»
- «Тарас Бульба»
- «Мертвые души»
Толстой Л.Н.
- «Война и мир»
- «Анна Каренина»
- «Воскресение»

Для формирования открывающих и закрывающих типографских кавычек-елочек « и » Можно использовать специальные символы « и » (Таблица специальных символов HTML) или применить Alt-коды.

Пример нумерованного списка

<ol>
    <li>Гоголь Н.В.
        <ol>
            <li>«Ревизор»</li>
            <li>«Тарас Бульба»</li>
            <li>«Мертвые души»</li>
        </ol>
    </li>
    <li>Толстой Л.Н.
        <ol>
            <li>«Война и мир»</li>
            <li>«Анна Каренина»</li>
            <li>«Воскресение»</li>
        </ol>
    </li>
</ol>

РЕЗУЛЬТАТ:

Гоголь Н.В.
1. «Ревизор»
2. «Тарас Бульба»
3. «Мертвые души»
Толстой Л.Н.
1. «Война и мир»
2. «Анна Каренина»
3. «Воскресение»

Кроме маркированных и нумерованных списков существуют списки определений, каждый элемент которых состоит из пары: термин и определение.

Для создания списка определений предназначены теги:

<dl>...</dl>	обрамление списка определений;
<dt>...</dt>	обрамление термина;
<dd>...</dd>	обрамление определения.

Пример списка определений

<dl>
    <dt>Гоголь Н.В. (1809 - 1852)</dt>
    <dd>
        Русский прозаик, драматург, поэт, критик, публицист, признанный одним из
        классиков русской литературы. Происходил из старинного дворянского рода
        Гоголь-Яновских.
    </dd>
    <dt>Толстой Л.Н. (1828 - 1910)</dt>
    <dd>
        Один из наиболее широко известных русских писателей и мыслителей, почитаемый
        как один из величайших писателей мира. Происходил из дворянского рода,
        известного с 1351 года.
    </dd>
</dl>

РЕЗУЛЬТАТ:

Гоголь Н.В. (1809 - 1852): Русский прозаик, драматург, поэт, критик, публицист, признанный одним из классиков русской литературы. Происходил из старинного дворянского рода Гоголь-Яновских.
Толстой Л.Н. (1828 - 1910): Один из наиболее широко известных русских писателей и мыслителей, почитаемый как один из величайших писателей мира. Происходил из дворянского рода, известного с 1351 года.

Читать дальше: Ссылки html. Тег <a>

.
Прокомментировать/Отблагодарить