Упорядоченный список начинается с тега: Упорядоченный список — Разметка текста — HTML Academy – Неупорядоченный список — Разметка текста — HTML Academy

Содержание

НОУ ИНТУИТ | Лекция | Списки HTML

Аннотация: Этот урок посвящен созданию списков, их оформлению и упорядочению.

HTML поддерживает упорядоченные списки, неупорядоченные списки, и списки определений. Отличаются эти разновидности списков лишь способом оформления. Перед пунктами неупорядоченных списков обычно ставятся символы-буллеты (bullets), например, точки, ромбики и т.п., в то время как пунктам упорядоченных списков предшествуют их номера.

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

Неупорядоченный список является списком элементов. Элементы списка маркируются с помощью специальных знаков (обычно небольшой черный круг).

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

<html>
<body>

<h5>Неупорядоченный список:</h5>
<ul>
  <li>элемент 1</li>
  <li>элемент 2</li>
  <li>элемент 3</li>
</ul>

</body>
</html>

Пример выполнения данного HTML-кода

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

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

Упорядоченный список также является списком элементов. Элементы списка маркируются с помощью чисел или букв.

Упорядоченный список начинается с тега <ol>. Каждый элемент списка начинается с тега <li>. У тега <ol> может быть два атрибута: start (определяет первое число, с которого начинается нумерация пунктов) и type (определяет стиль нумерации пунктов). Может иметь значения:

  • "A" - заглавные буквы A, B, C ...
  • "a" - строчные буквы a, b, c ...
  • "I" - большие римские числа I, II, III ...
  • "i" - маленькие римские числа i, ii, iii ...
  • "1" - арабские числа 1, 2, 3 ...
<html>
<body>

<h5>Упорядоченный список:</h5>
<ol>
  <li>элемент 1</li>
  <li>элемент 2</li>
  <li>элемент 3</li>
</ol>

</body>
</html>

Пример выполнения данного HTML-кода

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

Списки определений

Список определений не является списком элементов. Это список терминов и определений терминов.

Список определений начинается с тега <dl>. Каждый термин списка определений начинается с тега <dt>. Каждое определение списка начинается с тега <dd>.

<html>
<body>

<dl>
<dt>элемент 1</dt>
<dd>описание элемента 1</dd>
<dt>элемент 2</dt>
<dd>описание элемента 2</dd>
</dl>

</body>
</html>

Пример выполнения данного HTML-кода

Внутри определения списка определений (тег <dd> ) можно помещать параграфы, переносы строк, изображения, ссылки, другие списки, и т.д.

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

Наряду с абзацами и заголовками существует еще один важный элемент страницы - это списки. Такие элементы наверняка знакомы всем пользователям интернета. Они представляют собой перечисление чего-либо (список) по пунктам. Возле каждого пункта списка обычно стоит закрашенный кружок (он называется маркер списка).

Списки создаются с помощью тега <ul>, внутри которого обязательно должны идти теги <li>. Тег ul задает сам список, а в теги li следует размещать пункты списка (то есть одному li соответствует один маркер списка). Смотрите пример:

<ul> <li>пункт списка</li> <li>пункт списка</li> <li>пункт списка</li> <li>пункт списка</li> <li>пункт списка</li> </ul>

:

Сделайте такой же список цветов, как это сделано в следующем образце:

Списки с номерами

Списки, созданные через тег ul, называются

неупорядоченными списками. Такое название им дано потому, что существуют еще и упорядоченные списки, у которых вместо маркеров-точек будут маркеры-цифры. Такие списки вместо тега ul имеют тег <ol>, а пункты таких списков также создаются через теги li.

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

Давайте сделаем упорядоченный список, используя тег ol:

<ol> <li>пункт списка</li> <li>пункт списка</li> <li>пункт списка</li> <li>пункт списка</li> <li>пункт списка</li> </ol>

:

Сделайте такой же список фамилий, как это сделано в следующем образце:

Практика

Повторите страницу по данному образцу:

Замечания

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

НОУ ИНТУИТ | Лекция | Списки HTML

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

Введение

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

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

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

  • Три типа списков
    • Неупорядоченные списки
    • Упорядоченные списки
      • Разметка упорядоченного списка
      • Начало упорядоченных списков с числа, отличного от 1
    • Списки определений
  • Выбор типа списка
  • Различие между списками HTML и текстом
  • Вложенные списки
  • Пошаговый пример
    • Разметка основной страницы
    • Добавление некоторых стилей
    • Страница рецептов
    • Разметка страницы рецептов
    • Оформление страницы рецептов
  • Заключение
  • Дополнительное чтение
  • Контрольные вопросы

Три типа списков

В HTML имеется три типа списков:

  • Неупорядоченный список
    - используется для объединения в группу множества связанных объектов без определенного порядка.
  • Упорядоченный список - используется для объединения в группу множества связанных объектов в определенном порядке.
  • Список определений - используется для вывода пар имя/значение, таких как термины и их определения, или время и события.

Каждый из них имеет определенное назначение - они не являются взаимозаменяемыми!

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

Неупорядоченные списки, или маркированные списки, используются, когда множество объектов может быть размещено в любом порядке. Примером является список покупок:

  • молоко
  • хлеб
  • сливочное масло
  • кофейные зерна

Однако все эти объекты являются частью одного списка, можно разместить объекты в любом порядке и список будет по-прежнему иметь смысл:

  • хлеб
  • кофейные зерна
  • молоко
  • сливочное масло

Можно использовать CSS для изменения маркера на один из нескольких используемых по умолчанию стилей, использовать свое собственное изображение, или даже вывести список без маркеров - мы посмотрим, как сделать это, немного позже в этой лекции, и расширим немного дальше в будущей лекции.

Разметка неупорядоченного списка

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

<ul>
  <li>хлеб </li>
  <li>кофе в зернах </li>
  <li>молоко </li>
  <li>масло </li>
</ul>
Упорядоченные списки

Упорядоченные списки, или нумерованные списки, используются для вывода списка объектов, которые необходимо разместить в определенном порядке. Примером могут быть кулинарные инструкции по приготовлению, которые должны быть выполнены в определенном порядке рецепта:

  1. Собрать ингредиенты
  2. Смешать ингредиенты
  3. Поместить ингредиенты в форму для выпечки
  4. Выпекать в духовке в течение часа
  5. Вынуть из духовки
  6. Дать постоять десять минут
  7. Подать

Если список позиций переставить в другом порядке, то информация больше не будет иметь смысл:

  1. Собрать ингредиенты
  2. Выпекать в духовке в течение часа
  3. Вынуть из духовки
  4. Подать
  5. Поместить ингредиенты в форму для выпечки
  6. Дать постоять десять минут
  7. Смешать ингредиенты

Упорядоченные списки могут выводиться с помощью одной из нескольких цифровых или алфавитных систем — то есть с буквами или числами. По умолчанию в большинстве браузеров используются десятичные числа, но имеется большее количество возможностей.

  • Буквы
    • Буквы ascii нижнего регистра (a, b, c…)
    • Буквы ascii верхнего регистра (A, B, C…)
    • Классические греческие буквы нижнего регистра: ( , , …)
  • Числа
    • Десятичные числа (1, 2, 3…)
    • Десятичные числа с ведущим нулем (01, 02, 03…)
    • Римские числа в нижнем регистре (i, ii, iii…)
    • Римские числа в верхнем регистре (I, II, III…)
    • Традиционная грузинская нумерация (an, ban, gan…)
    • Традиционная армянская нумерация (mek, yerku, yerek…)

Здесь также можно использовать CSS для изменения стиля списков.

Разметка упорядоченного списка

Упорядоченные списки используют одну пару тегов <ol></ol>, охватывающих множество пар тегов <li></li>:

<ol>
  <li>Собрать ингредиенты</li>
  <li>Смешать ингредиенты</li>
  <li>Поместить ингредиенты в форму для выпечки </li>
  <li>Выпекать в духовке в течение часа </li>
  <li>Вынуть из духовки</li>
  <li>Дать постоять десять минут </li>
  <li>Подать</li>
</ol>
Начало упорядоченных списков с числа, отличного от 1

Можно создать упорядоченный список, нумерация которого начинается с числа отличного от 1 (или i, или I, и т.д.). Это делается с помощью атрибута start, который получает числовое значение, даже если используется CSS для изменения нумерации списка на алфавитную или римскую с помощью свойства list-style-type. Это будет полезно, если имеется единый список объектов, но вы хотите разбить список некоторыми примечаниями, или некоторой другой подходящей информацией. Например, можно было бы сделать это с предыдущим примером:

<ol>
  <li>Собрать ингредиенты </li>
  <li>Смешать ингредиенты </li>
  <li>Поместить ингредиенты в форму для выпечки </li>
</ol>

<p>Прежде чем поместить ингредиенты в форму для выпечки, 
  нагрейте духовку до 180 градусов по Цельсию /350 градусов по Фаренгейту, 
   чтобы быть готовым к следующему шагу </p>

<ol start="4">
  <li> Выпекать в духовке в течение часа </li>
  <li> Вынуть из духовки </li>
  <li> Дать постоять десять минут </li>
  <li> Подать </li>
</ol>

Это приводит к следующему результату:

  1. Собрать ингредиенты
  2. Смешать ингредиенты
  3. Поместить ингредиенты в форму для выпечки Прежде чем поместить ингредиенты в форму для выпечки, нагрейте духовку до 180 градусов по Цельсию /350 градусов по Фаренгейту, чтобы быть готовым к следующему шагу
  4. Выпекать в духовке в течение часа
  5. Вынуть из духовки
  6. Дать постоять десять минут
  7. Подать
Отметим, что этот атрибут является фактически исключенным в самой последней версии спецификации HTML, что означает, что страницы не пройдут валидацию при использовании строгого doctype. Это может показаться странным, так как этот атрибут имеет смысл, и нет эквивалента в CSS. Это показывает, что валидация HTML является идеальной целью для достижения, но не всегда абсолютно конечной целью. Кроме того, есть и еще один спасительный момент — атрибут start больше не является исключенным в спецификации HTML 5 (документ об отличиях HTML 5 от HTML 4 (http://www.w3.org/TR/2008/WD-html5-diff-20080122/) подтверждает это). Если вы хотите использовать такую возможность на строгой странице HTML 4, и она должна обязательно пройти валидацию, можно сделать это с помощью CSS Counters.

НОУ ИНТУИТ | Лекция | Списки HTML

Аннотация: Этот урок посвящен созданию списков, их оформлению и упорядочению.

HTML поддерживает упорядоченные списки, неупорядоченные списки, и списки определений. Отличаются эти разновидности списков лишь способом оформления. Перед пунктами неупорядоченных списков обычно ставятся символы-буллеты (bullets), например, точки, ромбики и т.п., в то время как пунктам упорядоченных списков предшествуют их номера.

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

Неупорядоченный список является списком элементов. Элементы списка маркируются с помощью специальных знаков (обычно небольшой черный круг).

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

<html>
<body>

<h5>Неупорядоченный список:</h5>
<ul>
  <li>элемент 1</li>
  <li>элемент 2</li>
  <li>элемент 3</li>
</ul>

</body>
</html>

Пример выполнения данного HTML-кода

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

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

Упорядоченный список также является списком элементов. Элементы списка маркируются с помощью чисел или букв.

Упорядоченный список начинается с тега <ol>. Каждый элемент списка начинается с тега <li>. У тега <ol> может быть два атрибута: start (определяет первое число, с которого начинается нумерация пунктов) и type (определяет стиль нумерации пунктов). Может иметь значения:

  • "A" - заглавные буквы A, B, C ...
  • "a" - строчные буквы a, b, c ...
  • "I" - большие римские числа I, II, III ...
  • "i" - маленькие римские числа i, ii, iii ...
  • "1" - арабские числа 1, 2, 3 ...
<html>
<body>

<h5>Упорядоченный список:</h5>
<ol>
  <li>элемент 1</li>
  <li>элемент 2</li>
  <li>элемент 3</li>
</ol>

</body>
</html>

Пример выполнения данного HTML-кода

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

Списки определений

Список определений не является списком элементов. Это список терминов и определений терминов.

Список определений начинается с тега <dl>. Каждый термин списка определений начинается с тега <dt>. Каждое определение списка начинается с тега <dd>.

<html>
<body>

<dl>
<dt>элемент 1</dt>
<dd>описание элемента 1</dd>
<dt>элемент 2</dt>
<dd>описание элемента 2</dd>
</dl>

</body>
</html>

Пример выполнения данного HTML-кода

Внутри определения списка определений (тег <dd> ) можно помещать параграфы, переносы строк, изображения, ссылки, другие списки, и т.д.

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

Здравствуйте, уважаемые посетители моего скромного блога для начинающих вебразработчиков и web мастеров ZametkiNaPolyah.ru. Продолжаем рубрику Заметки по HTML и ее раздел HTML теги. Данная публикация посвящена нумерованным спискам HTML. Нумерованный или как еще говорят, упорядоченный список HTML формируется тегами <ol>, <li>. 

Нумерованный список. Формирование нумерованного HTML списка. Теги <ol>, <li>. 

Содержание статьи:

Как говорилось ранее, нумерованный список формируются двумя тегами <ol>, <li>. Упорядоченные списки - это одна из разновидностей HTML списков.

Тег <li> предназначен для формирования элементов упорядоченного списка, то есть, тег <li> формирует пункты HTML списка. Элемент <li> является блочным HTML элементом, внутри него могут располагаться любые HTML элементы, а его ширина зависит от области, в которой он находится.

Тег <ol> предназначен для формирования нумерованных списков. По умолчанию, нумерация идет по возрастанию и производится арабскими цифрами, но это легко исправить атрибутами тегов <ol> и <li>. Если к упорядоченному списку не применяются дополнительные стили и правила CSS, то браузер отобразит их шрифтом, заданным по умолчанию.

Синтаксис нумерованного списка

Теги <ol>, <li> являются парными HTML тегами, то есть для их корректной работы необходим закрывающий тег, но, у тега <li> можно закрывающий тег не ставить, хотя, это считается дурным тоном.

<ol> <li>Первый</li> <li>Второй</li> </ol>

<ol>

 

<li>Первый</li>

 

<li>Второй</li>

 

</ol>

Атрибуты тегов списка определений

Тег <ol>, так же, как и любой другой тег из группы HTML списков, имеет атрибуты событий и универсальные HTML атрибуты. У тега <ol> имеется четыре уникальных атрибута:

Type – При помощи атрибута type можно изменить отображение нумерации упорядоченного списка

Start – Изменяя значения атрибута start, можно изменить начальный индекс нумерованного списка

Reversed – атрибут reversed делает порядок нумерации упорядоченного списка по убыванию

Тег <li> имеет все универсальные HTML атрибуты, атрибуты событий и два уникальных атрибута:

Value – атрибут value изменяет значение нумерации

Type – атрибут type изменяет вид маркера, как в списке директорий, так и в маркированном списке и списке меню.

Другие HTML списки

Помимо списка определений.

Есть еще четыре HTML списка:

Тег <ul> формирует маркированный список. Тег <dir> формирует список директорий. Тег <dl> формирует список определений. Контейнер <dt> служит для хранения и отображения термина списка определений. В контейнер <dd> помещается определение термина списка определений. Тег <menu> создает список меню.

Пример формирования списка определений

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Пример использования тега OL. Нумерованный список</title> </head> <body> <ol type="I"> <li>Первый <ol type="i" start="50"> <li>1.1</li> <li>1.2</li> <li>1.3</li> <li>1.4</li> </ol> </li> <li>Второй <ol reversed type="A"> <li>2.1</li> <li>2.2</li> <li>2.3</li> </ol> </li> </ol> </body> </html>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>Пример использования тега OL. Нумерованный список</title>

</head>

<body>

<ol type="I">

<li>Первый

<ol type="i" start="50">

<li>1.1</li>

<li>1.2</li>

<li>1.3</li>

<li>1.4</li>

</ol>

</li>

<li>Второй

<ol reversed type="A">

<li>2.1</li>

<li>2.2</li>

<li>2.3</li>

</ol>

</li>

 

</ol>

</body>

</html>

Если вы скопируете пример в текстовый редактор(рекомендую Notepad++, бесплатный редактор с подсветкой синтаксиса), а затем запустите его в браузере, то увидите:

Нумерованный HTML список. Пример использования тега <ol>

На этом всё, спасибо за внимание, надеюсь, что был хоть чем-то полезен и до скорых встреч на страницах блога для начинающих вебразработчиков и вебмастеров ZametkiNaPolyah.ru 

Урок информатики Списки в HTML

Урок информатики в котором мы познакомимся с маркированными, неупорядоченнымии нумерованными, упорядоченными списками в HTML и их основными атрибутами.

Урок информатики Списки в HTML (теория).

HTML поддерживает упорядоченные списки, неупорядоченные списки, и списки определений. Отличаются эти разновидности списков лишь способом оформления. Перед пунктами неупорядоченных списков обычно ставятся символы-буллеты (bullets), например, точки, ромбики и т. п., в то время как пунктам упорядоченных списков предшествуют их номера.


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

Неупорядоченный список является списком элементов. Элементы списка маркируются с помощью специальных знаков (обычно небольшой черный круг).
Неупорядоченный список начинается с тега <ul>. Каждый элемент списка начинается с тега <li>.
<html>
<body>

<h5>Неупорядоченный список:</h5>
<ul>
<li>элемент 1</li>
<li>элемент 2</li>
<li>элемент 3</li>
</ul>

</body>
</html>
Внутри элемента списка можно помещать параграфы, переносы строк, изображения, ссылки, другие списки, и т. д.


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


Упорядоченный список также является списком элементов. Элементы списка маркируются с помощью чисел или букв.
Упорядоченный список начинается с тега<ol>. Каждый элемент списка начинается с тега <li>. У тега <ol> может быть два атрибута start (определяет первое число, с которого начинается нумерация пунктов) и type (определяет стиль нумерации пунктов). Может иметь значения:

  • «A» — заглавные буквы A, B, C …
  • «a» — строчные буквы a, b, c …
  • «I» — большие римские числа I, II, III …
  • «i» — маленькие римские числа i, ii, iii …
  • «1» — арабские числа 1, 2, 3 …

<html>
<body>

<h5>Упорядоченный список:</h5>
<ol>
<li>элемент 1</li>
<li>элемент 2</li>
<li>элемент 3</li>
</ol>

</body>
</html>
Внутри элемента списка можно помещать параграфы, переносы строк, изображения, ссылки, другие списки, и т. д.


Списки определений


Список определений не является списком элементов. Это список терминов и определений терминов.
Список определений начинается с тега <dl>. Каждый термин списка определений начинается с тега <dt>. Каждое определение списка начинается с тега <dd>.
<html>
<body>

<dl>
<dt>элемент 1</dt>
<dd>описание элемента 1</dd>
<dt>элемент 2</dt>
<dd>описание элемента 2</dd>
</dl>

</body>
</html>
Внутри определения списка определений (тег <dd>) можно помещать параграфы, переносы строк, изображения, ссылки, другие списки, и т. д.


Теги списков

Тег

Описание

<ol>

Определяет упорядоченный список

<ul>

Определяет неупорядоченный список

<li>

Определяет элемент списка

<dl>

Определяет список определений

<dt>

Определяет термин определения

<dd>

Определяет описание определения

<dir>

Не рекомендуется. Используйте вместо этого <ul>

<menu>

Не рекомендуется. Используйте вместо этого <ul>


Смотреть другие уроки информатики

HTML теги. HTML списки. Маркированный список или неупорядоченный список.

Здравствуйте, уважаемые посетители моего скромного блога для начинающих вебразработчиков и web мастеров ZametkiNaPolyah.ru. Продолжаем рубрику Заметки по HTML и ее раздел HTML теги. Данная публикация посвящена маркированным спискам HTML. Маркированный или как еще говорят, неупорядоченный список HTML формируется тегами <ul>, <li>.

Маркированный список. Формирование маркированного HTML списка. Теги <ul>, <li>.

Содержание статьи:

Как говорилось ранее, маркированный список формируются двумя тегами <ul>, <li>. Маркированные списки - это одна из разновидностей HTML списков.

Тег <li> предназначен для формирования элементов упорядоченного списка, то есть, тег <li> формирует пункты HTML списка. Элемент <li> является блочным HTML элементом, внутри него могут располагаться любые HTML элементы, а его ширина зависит от области, в которой он находится.

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

Если к неупорядоченному списку не применяются дополнительные стили и правила CSS, то браузер отобразит их шрифтом, заданным по умолчанию.

Синтаксис маркированного списка

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

<ul> <li>Первый</li> <li>Второй</li> </ul>

<ul>

 

<li>Первый</li>

 

<li>Второй</li>

 

</ul>

Атрибуты тегов маркированного списка 

Тег <ul>, так же, как и любой другой тег из группы HTML списков, имеет атрибуты событий и универсальные HTML атрибуты. Для тега <ul> доступен только один  уникальный HTML атрибут:

Type – Атрибут type позволяет изменить вид маркера неупорядоченного списка.

Обратите внимание, если значения атрибута type у тега <ul> и расположенного внутри него тега <li> будут разными, то к конкретному элементу списка будет применено значения, которое присвоено тегу <li>, эта особенность справедлива и для нумерованных списков <ol>.

Тег <li> имеет все универсальные HTML атрибуты, атрибуты событий и два уникальных атрибута:

Value – атрибут value изменяет значение нумерации для упорядоченных списков

Type – атрибут type изменяет вид маркера, как в списке директорий, так и в маркированном списке и списке меню.

Другие HTML списки 

Помимо списка определений. Есть еще четыре HTML списка:

Тег <ol> формирует нумерованный список. Тег <dir> формирует список директорий. Тег <dl> формирует список определений. Контейнер <dt> служит для хранения и отображения термина списка определений. В контейнер <dd> помещается определение термина списка определений. Тег <menu> создает список меню.

Пример формирования списка определений

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Пример использования тега OL</title> </head> <body> <ul> <li>Первый <ul type="square"> <li>1.1</li> <li type="circle">1.2</li> <li>1.3</li> <li>1.4</li> </ul> </li> <li>Второй <ul type="circle"> <li>2.1</li> <li type="disc">2.2</li> <li>2.3</li> </ul> </li> <li>Третий <ul> <li>3.1</li> <li>3.2</li> <li>3.3</li> </ul> </li> </ul> </body> </html>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>Пример использования тега OL</title>

</head>

<body>

<ul>

<li>Первый

<ul type="square">

<li>1.1</li>

<li type="circle">1.2</li>

<li>1.3</li>

<li>1.4</li>

</ul>

</li>

<li>Второй

<ul type="circle">

<li>2.1</li>

<li type="disc">2.2</li>

<li>2.3</li>

</ul>

</li>

<li>Третий

<ul>

<li>3.1</li>

<li>3.2</li>

<li>3.3</li>

</ul>

</li>

 

</ul>

</body>

</html>

Если вы скопируете пример в текстовый редактор(рекомендую Notepad++, бесплатный редактор с подсветкой синтаксиса), а затем запустите его в браузере, то увидите:

HTML теги. HTML списки. Пример использования тега <ul>. Маркированный список

На этом всё, спасибо за внимание, надеюсь, что был хоть чем-то полезен и до скорых встреч на страницах блога для начинающих вебразработчиков и вебмастеров ZametkiNaPolyah.ru 

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *