Основы HTML
 Структура документов
 Создание web-страницы
 Задаем стили текста
 Вставляем картинку
 Гиперссылки
 Таблицы
 Списки
 Теги HTML
 Специальные символы
Основы CSS
 Свойства CSS
Технология Ajax
 Основы AJAX
 Изучаем AJAX на примере
SEO
 SEO учебники
 ТИЦ и как его повысить
Заработок в интернете
 Заработок в интернете для новичков
 Заработок в соц. сетях с помощью Prospero
 GetGoodLinks – заработок на продаже ссылок.
Реклама

Списки.

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

Маркированный список.
Маркированный список представляет собой группу элементов. Каждый элемент такого списка маркируется специальным маркером, обчно в виде черного кружка. Маркированный список формируется с помощью пары тегов <ul> и </ul>. А каждый элемент списка помещается внутрь тегов <li> и </li>. Вот пример:
<ul>
  <li>Первый элемент</li>
  <li>Второй элемент</li>
  <li>Третий элемент</li>
</ul>

Вот результат примера приведенного выше:

  • Первый элемент
  • Второй элемент
  • Третий элемент

Закрывающий тег </li> необязателен, но советую его всегда добавлять для четкого разделения элементов списка. Закрывающий тег </ul> обязателен. Внутри элемента списка можно помещать ссылки, параграфы, изображения, другие списки, переносы строк, и др.

Маркеры списка могут быть трех видов: закрашенный круг, окружность и квадрат. Тип маркера задается с помощью параметра type тега <ul>. Параметр type может принимать следующие значения: disc, circle и square.

Ниже показаны маркеры в виде окружности и квадрата.

<ul type="circle">
  <li>Первый элемент</li>
  <li>Второй элемент</li>
  <li>Третий элемент</li>
</ul>
<ul type="square">
  <li>Первый элемент</li>
  <li>Второй элемент</li>
  <li>Третий элемент</li>
</ul>

А вот как это выглядит:

  • Первый элемент
  • Второй элемент
  • Третий элемент

  • Первый элемент
  • Второй элемент
  • Третий элемент

Нумерованный список.
Нумерованный список также представляет собой группу элементов, только маркируются элементы с помощью цифр или букв. Нумерованный список формируется с помощью пары тегов <ol> и </ol> и каждый элемент списка помещается внутрь тегов <li> и </li>. Например:
<ol>
  <li>Первый элемент</li>
  <li>Второй элемент</li>
  <li>Третий элемент</li>
</ol>

И выглядит это вот так:

  1. Первый элемент
  2. Второй элемент
  3. Третий элемент

Тип маркера также задается с помощью параметра type тега <ol>.В качестве маркирующих элементов могут выступать:

  • арабские числа (1, 2, 3, ...) - type="1";
  • римские числа в верхнем регистре (I, II, III, ...) - type="I";
  • римские числа в нижнем регистре (i, ii, iii, ...) - type="i";
  • прописные латинские буквы (A, B, C, ...) - type="A";
  • строчные латинские буквы (a, b, c, ...) - type="a";

С помощью параметра start тега <ol> можно задать стартовое значение маркера. Ниже приведен пример списка с использованием римских чисел начинающихся с 8.

<ol type="1" start="5">
  <li>Первый элемент</li>
  <li>Второй элемент</li>
  <li>Третий элемент</li>
</ol>
Выглядит это:
  1. Первый элемент
  2. Второй элемент
  3. Третий элемент

Список определений.
Список определений состоит из терминов и их определений. Такой список задается с помощью тегов <dl> и </dl>. Термины в таком списке задается тегом <dt>, а его определение <dd>. Ниже приведена структура списка определений.
<dl>
  <dt>Первый элемент</dt>
      <dd>Описание первого элемента</dd>
  <dt>Второй элемент</dt>
      <dd>Описание второго элемента</dd>
  <dt>Третий элемент</dt>
      <dd>Описание третьего элемента</dd>
</dl>
И выглядит он так:
Первый элемент
Описание первого элемента
Второй элемент
Описание второго элемента
Третий элемент
Описание третьего элемента

Подписка на новости
Теги HTML
 A
 ABBR
 ACRONYM
 ADDRESS
 B
 BIG
 BLOCKQUOTE
 BODY
 BR
 BUTTON
 CENTER
 CITE
 CODE
 DD
 DFN
 DL
 DT
 EM
 FONT
 H1-H6
 HEAD
 HR
 HTML
 I
 IMG
 KBD
 LI
 LINK
 MARQUEE
 META
 NOBR
 OL
 OPTION