8 (800) 333-3041Звонок бесплатный для
всех регионов России
Рисунки Оглавление Структура HTML-документа

Списки

Списки бывают трех видов: неупорядоченные, упорядоченные и списки определений. Рассмотрим их по порядку. Неупорядоченные списки создаются командой <ul>. Наличие закрывающей команды </ul> обязательно. Элементы списка создаются командой <li>. Эта команда не требует закрывающей части. У команд <ul> и <li> можно указать атрибут type, который принимает одно из трех значений: disc, square, circle.
Пример:
  <ul>
   <li> Красный 
   <li> Желтый
   <li> Зеленый
  </ul>
  
  <ul type=circle>
   <li> Красный 
   <li type=square> Желтый
   <li> Зеленый
  </ul>
  
  • Красный
  • Желтый
  • Зеленый
  • Красный
  • Желтый
  • Зеленый
Упорядоченные списки создаются командой <ol>. У команды <ol> есть два атрибута type и start. Атрибут type задает тип нумерации, возможные значения смотри ниже. Атрибут start указывает с какого номера начинать список. У команды <li> можно указать тоже два атрибута: type и value. С помощью value вы можете задать номер элемента в списке для печати.
type= Стиль нумерации
1 арабские числа 1, 2, 3, ...
a прописные буквы a, b, c, ...
A заглавные буквы A, B, C, ...
i маленькие римские числа i, ii, iii, ...
I большие римские числа I, II, III, ...

Примеры:
  <ol type=i start=5>
   <li> Красный 
   <li> Желтый
   <li type=1> Зеленый
  </ol>
  
  <ol type=I>
   <li> Красный 
   <li> Желтый
   <li value=10> Зеленый
  </ol>
  
  1. Красный
  2. Желтый
  3. Зеленый
  1. Красный
  2. Желтый
  3. Зеленый

Списки определений. Список открывается командой <dl>, также требуется наличие закрывающей команды </dl>. Элемент списка создается двумя командами <dt> и <dd>. Они не требуют закрывающей части. Первая команда задает термин, вторая определение. Для большей наглядности, я выделяю термин жирным шрифтом.
Пример:

  <dl>
   <dt> <b>Функция  </b> <dd>  Правило, 
   по которому каждому элементу из множества Х
   ставится в соответствие элемент множества Y.
   
   <dt> <b>Дифференциал  </b> <dd> Линейная
    часть приращения функции.
    
   <dt> <b>Производная  </b> <dd> Предел
   отношения приращения функции к приращению 
   ее аргумента
   при стремлении последнего к нулю.
  </dl>
Функция
Правило, по которому каждому элементу из множества Х ставится в соответствие элемент множества Y.
Дифференциал
Линейная часть приращения функции.
Производная
Предел отношения приращения функции к приращению ее аргумента при стремлении последнего к нулю.

Упражнения

  1. Сделайте неупорядоченный список из трех элементов. Первый элемент должен быть помечен как круг. Второй помечен как квадрат. Третий как окружность.
  2. Напишите html-код следующего списка.
    1. десятый
    2. одиннадцатый
    3. двенадцатый
    4. пятый
    5. следующий

Eng
Наверх