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




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



PHP Поиск



HTML списки

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

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

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

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

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

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

РЕЗУЛЬТАТ:

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

Для формирования открывающих и закрывающих типографских кавычек « и » использованы специальные символы &laquo; и &raquo;. Таблица всех специальных символов HTML

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

РЕЗУЛЬТАТ:

  1. Гоголь Н.В.
    1. «Ревизор»
    2. «Тарас Бульба»
    3. «Мертвые души»
  2. Толстой Л.Н.
    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>


.

Популярное:


Содержание: