Окт 27

Списки

Итак, а сегодня мы будем изучать списки, этот элемент очень часто встречается на страницах сайта. Поэтому мы рассмотрим как правильно вставлять списки с помощью языка HTML.

Тег <UL>

Тег <UL> устанавливает маркированный список. Каждый элемент списка должен начинаться с тега <LI>. Если к тегу <UL> применяется таблица стилей, то элементы <LI> наследуют эти свойства.

Синтаксис

<ul>  <li>элемент маркированного списка</li> </ul>

Параметры

Параметр TYPE

Описание

Устанавливает вид маркера.

Синтаксис

<ul type="disc | circle | square">...</ul>

Аргументы

Для маркированного списка маркеры могут принимать один из трех видов: круг, окружность и квадрат. Значения параметра type и получаемый вид показан в табл. 1.

Табл 1. Параметры маркированного списка

Код

Пример

<ul type="disc"> ... </ul>
  • Малина
  • Смородина
  • Клюква

<ul type="circle"> ... </ul>
  • Малина
  • Смородина
  • Клюква

<ul type="square"> ... </ul>
  • Малина
  • Смородина
  • Клюква

Значение по умолчанию

disc

Закрывающий тег

Обязателен.

Пример 1. Использование тега <UL>

   <ul>
    <li>Малина</li>
    <li>Смородина</li>
    <li>Клюква</li>
  </ul>

Тег <OL>

Описание

Тег <OL> устанавливает нумерованный список. Каждый элемент списка должен начинаться с тега <LI>. Если к тегу <OL> применяется таблица стилей, то элементы <LI> наследуют эти свойства.

Синтаксис

<ol>  <li>элемент нумерованного списка</li> </ol>

Параметры

Параметр TYPE

Описание

Устанавливает вид маркера.

Синтаксис

<ol type="A | a | I | i | 1">...</ol>

Аргументы

Нумерованные списки представляют собой набор элементов с их порядковыми номерами. Вид и тип нумерации зависит от параметров тега OL, который и используется для создания списка. В качестве маркеров могут быть следующие значения:

  • заглавные латинские буквы;
  • строчные латинские буквы;
  • заглавные римские цифры;
  • строчные римские цифры;
  • арабские цифры.

В табл. 1 приведены различные значения параметра type тега <OL> и результат их применения.

Табл 1. Параметры нумерованного списка

Код

Пример

<o type="A"> ... </ol>
  1. Малина
  2. Смородина
  3. Клюква

<ol type="a"> ... </ol>
  1. Малина
  2. Смородина
  3. Клюква

<ol type="I"> ... </ol>
  1. Малина
  2. Смородина
  3. Клюква

<ol type="i"> ... </ol>
  1. Малина
  2. Смородина
  3. Клюква

<ol type="1"> ... </ol>
  1. Малина
  2. Смородина
  3. Клюква

Значение по умолчанию

1

Закрывающий тег

Обязателен.

Параметр START

Описание

Параметр start устанавливает номер, с которого будет начинаться список. При этом не имеет значения, какой тип списка установлен с помощью параметра type, аргумент start одинаково работает и с римскими и с арабскими числами.

Синтаксис

<ol start="число">...</ol>

Аргументы

Любое целое положительное число.

Значение по умолчанию

Нет.

Пример 3. Нумерация списка

  <ol type="I" start="4">
    <li>Малина</li>
    <li>Смородина</li>
    <li>Клюква</li>
  </ol>

Возможно, Вам будет полезна эта информация:

  1. Работа над списками
  2. Создаем ссылки
  3. Вставка изображений


Написать ответ