www.ABC-Color.com
Онлайн раскраски на разные темы
Справка

Самоучитель HTML5

Создание веб страницы.
Статья написана практично коротко, не отвлекаясь на разные специфики и историю.

Списки в HTML

Структурированный текст под список.

Маркированный список

<ul> </ul> - тег маркированного списка.

<li> </li> - тег элемента списка.

<!DOCTYPE HTML><html lang="ru"><meta charset="utf-8"><title>Списки</title>
<p>Мы можем создавать списки разных типов:</p>
<ul>
<li>маркированный</li>
<li>нумерованный</li>
<li>терминальный</li>
</ul>

Смотреть пример.

Списки file: ///D:/... Мы можем создавать списки разных типов: • маркированный • нумерованный • терминальный

Нумерованный список

<ol> </ol> - тег нумерованного маркера списка.

<li> </li> - тег элемента списка.

Вы можете указать нужный вам вид нумерации с помощью атрибута tupe.

<ol type="A">...</ol>

В буквенной нумерации можно использовать латинские заглавные или строчные буквы.

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

Если вам нужно начать нумерацию не с начала, используйте атрибут start для ol и атрибут value для тега li.

<ol start="20">...</ol>
<li value="20">...</li>

Для тега Li закрывающий тег не обязателен.

По умолчанию арабские цифры

<!DOCTYPE HTML><html lang="ru"><meta charset="utf-8"><title>Списки</title>
<p>Мы можем создавать три типа списков:.</p>
<ol>
<li>Маркированный</li>
<li>Нумерованный</li>
<li>Терминальный</li>
</ol>

Смотреть пример.

Списки file: ///D:/... Мы можем создавать три типа списков: 1. Маркированный 2. Нумерованный 3. Терминальный
<!DOCTYPE HTML><html lang="ru"><meta charset="utf-8"><title>Списки</title>
<p>Мы можем создавать списки разных типов.</p>
<ol type="I">
<li>Маркированный.</li>
<li>Нумерованный.</li>
</ol>
<figure>
<ol type="i">
<li>Арабскими цифрами.</li>
<li>Римскими большими цифрами.</li>
<li>Римскими маленькими цифрами.</li>
<li>Латинскими большими буквами.</li>
<li>Латинскими маленькими буквами.</li>
</ol>
</figure>
<ol type="I" start="3">
<li>Терминальный.</li>
<li>Комбинированный.</li>
</ol>

Про тег figure узнаем позже, в примере он используется согласно стандарту. И делает визуальные отступы.

Смотреть пример.

Списки file: ///D:/... Мы можем создавать списки разных типов: I. Маркированный. II. Нумерованный. i. Арабскими цифрами. ii. Римскими большими цифрами. iii. Римскими маленькими цифрами. iv. Латинскими большими буквами. v. Латинскими маленькими буквами. III. Терминальный. III. Комбинированный.
<!DOCTYPE HTML><html lang="ru"><meta charset="utf-8"><title>Списки</title>
<p>Мы можем создавать списки разных типов.</p>
<ol type="A">
<li>Маркированный.
<li>Нумерованный.
</ol>
<figure>
<ol type="a">
<li>Арабскими цифрами.
<li>Римскими цифрами.
<li>Латинскими буквами.
</ol>
</figure>
<ol type="A">
<li value="3">Терминальный.
<li>Скомбинированный.
</ol>

Про тег figure узнаем позже, в примере он используется согласно стандарту. И делает визуальные отступы.

Смотреть пример.

Списки file: ///D:/... Мы можем создавать списки разных типов: A. Маркированный. B. Нумерованный. a. Арабскими цифрами. b. Римскими цифрами. c. Латинскими буквами. C. Терминальный. D. Скомбинированный.

Терминальный список

<dl> </dl> - тег контейнер, предназначенных для создания списка терминов и их определения.

<dt> </dt> - тег добозначающий термин.

<dd> </dd> - тег с определением для этого термина.

Для тега <dt> и <dd> закрывающий тег не обязателен.

<!DOCTYPE HTML><html lang="ru"><meta charset="utf-8"><title>Списки</title>
<dl>
<dt>HTML</dt>
<dd>Стандартный язык разметки для большинства файлов в интернете. Язык HTML интерпретируется браузерами и отображается в виде документа в удобной для человека форме.</dd>
<dt>CSS</dt>
<dd>Формальный язык оформления внешнего вида веб страниц, написанных с помощью языка разметки HTML.</dd>
<dt>SVG</dt>
<dd>Язык разметки масштабируемой векторной графики, предназначен для описания двумерной векторной и смешанной векторно/растровой графики в формате XML. Поддерживает как неподвижную, так и анимированную интерактивную графику.</dd>
</dl>

Смотреть пример.

Списки file: ///D:/... HTML Стандартный язык разметки для большинства файлов в интернете. Язык HTML интерпретируется браузерами и отображается в виде документа в удобной для человека форме. CSS Формальный язык оформления внешнего вида веб страниц, написанных с помощью языка разметки HTML. SVG Язык разметки масштабируемой векторной графики, предназначен для описания двумерной векторной и смешанной векторно/растровой графики в формате XML. Поддерживает как неподвижную, так и анимированную интерактивную графику.