HTML HTML5 XHTML ПРИМЕРЫ СПРАВОЧНИК РЕКЛАМА ГОСТЕВАЯ

HTML Урок 15 Списки


« Назад Далее »

Наиболее распространенные HTML списки - это упорядоченные списки и неупорядоченные списки:


HTML Списки

Упорядоченный список:

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

Неупорядоченный список:

  • Элемент списка
  • Элемент списка
  • Элемент списка

Примеры

Примеры

Неупорядоченный список
Как создать неупорядоченный список в HTML документе.

Упорядоченный список
Как создать упорядоченный список в HTML документе.

(Вы найдете больше примеров внизу этой страницы).


HTML Неупорядоченные Списки

Неупорядоченный список начинается тегом <ul>. Каждый пункт списка начинается тегом <li>.

Эти пункты списка отмечаются маркерами bullit (как правило небольшие черные круги).

<ul>
<li>Кофе</li>
<li>Молоко</li>
</ul>

Как HTML код выше выглядит в браузере:

  • Кофе
  • Молоко

HTML Упорядоченные Списки

Упорядоченный список начинается с тега <ol>. Каждый пункт списка начинается тегом<li>.

Пункты списка маркеруются числами.

<ol>
<li>Кофе</li>
<li>Молоко</li>
</ol>

Как HTML код выше выглядит в браузере:

  1. Кофе
  2. Молоко

HTML Списки Определений

Список определений - это список пунктов с описанием каждого пункта.

Тег <dl> определяет список определений.

Тег <dl> используется в связке с тегом <dt> (определяет пункт списка) и <dd> (описывает пункт списка):

<dl>
<dt>Кофе</dt>
<dd>- черный горячий напиток</dd>
<dt>Молоко</dt>
<dd>- белый холодный напиток</dd>
</dl>

Как HTML код выше выглядит в браузере:

Кофе
- черный горячий напиток
Молоко
- белый холодный напиток

Основные Замечания - Полезные Советы

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


Примеры

Примеры

Различные типы упорядоченных списков
Демонстрирует различные типы упорядоченных списков.

Различные типы неупорядоченных списков
Демонстрирует различные типы неупорядоченных списков.

Вложенный список
Демонстрирует как вы можете создавать вложенные списки.

Вложенный список 2
Демонстрирует более сложный вложенный список.

Список определений
Демонстрирует список определений.


HTML Теги Списков

ТегОписание
<ol>Определяет упорядоченный список
<ul>пределяет неупорядоченный список
<li>Определяет пункт списка
<dl>Определяет список определений
<dt>Определяет пункт списка определений
<dd>Определяет описание пункта списка определений



« Назад Далее »
© 2011-2017 Уроки HTML
Рейтинг@Mail.ru