www.ABC-Color.com
Онлайн розмальовки на різні теми
Довідка

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

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

Стиль списків в HTML

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

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

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

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

<!DOCTYPE HTML><html lang="uk"><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="uk"><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="uk"><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="uk"><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="uk"><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. Підтримує як нерухому, так і анімовану інтерактивну графіку.