Списки онлайн урок.



Синтаксис HTML позволяет создавать списки, которые в целом напоминают списки в популярных текстовых редакторах, например MS Word. Списки в HTML бывают маркированные (неупорядоченные), нумерованные (упорядоченные) и списки определений.

Маркированный список создается при помощи тега <ul>. Этот тег задает общий контейнер для элементов списка. Далее, каждый элемент списка помещается в теги <li>...</li>. Рассмотрим пример списка популярных домашних животных:

<ul> 
  <li> Cat </li>
  <li> Dog </li>
  <li> Pig </li>
</ul>


Отметим, что существует возможность заменить маркер списка. Это возможно сделать применив атрибут type с возможными значениями disc, circle, square к тегу <ul>.

Допускается возможность создания вложенных списков, а именно вставки внутрь тегов <li> тегов списка <ul> с последующими своими тегами <li>. Например,

<ul> 
  <li>Dog</li>
  <li>Cat
    <ul type = 'square'>
      <li>Nice</li>
      <li>Warm</li>
    </ul>
  </li>
  <li>Parrot</li>
</ul>


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

Нумерованные списки создаются аналогично, но вместо тега <ul> используется <ol>. Далее, нумерация элементов списка обновляется автоматически, при добавлении нового тега <li>.

Аналогично маркированным спискам, существует возможность вкладывать нумерованные списки друг в друга. Также допускается возможность вкладывания маркированных списков в нумерованные и наоборот:

Также, к нумерованному списку можно использовать атрибут type

Значения:
type='1' список будет промаркирован цифрами (задано по умолчанию)
type='A' список будет промаркирован заглавными буквами
tyре='а' список будет промаркирован буквами в нижнем регистре (маленькими)
type='I' список будет промаркирован римскими цифрами
type='i' список будет промаркирован римскими цифрами в нижнем регистре

Пример списка, промаркированного римскими цифрами рассмотрен ниже.

Для создания списка определений, используют тег <dl>. Этот тег создает контейнер для элементов списка. В теге <dt> указывается термин, в теге <dd> указывается его определение.



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