2.2.5. Маркированные и нумерованные списки

Тэг <ul> задаёт неупорядоченный (маркированный) список (англ. unordered list). Каждый элемент списка заключается в тэг <li> (англ. list item). Например, следующий код:

<ul type="disc">

<li>Первый пункт</li>

<li>Второй пункт</li>

<li>Третий пункт</li>

</ul>

даёт следующий вид списка:

• Первый пункт

• Второй пункт

• Третий пункт

Атрибут type задаёт вид маркеров перед пунктами списка. Возможные значения:

circle – незаполненный кружок;

disk или disc – заполненный кружок;

square – заполненный квадрат.

Тэг <ol> задаёт упорядоченный (нумерованный) список (англ. ordered list). Каждый элемент списка также заключается в тэг <li>:

<ol type="1">

<li>Первый пункт</li>

<li>Второй пункт</li>

<li>Третий пункт</li>

</ol>

В браузере это отобразится так:

1. Первый пункт

2. Второй пункт

3. Третий пункт

Атрибут type задаёт вид нумерации перед пунктами списка. Возможные значения:

"1" – цифры 1, 2, 3, 4… (по умолчанию)

"A" – заглавные латинские буквы A, B, C, D…

"a" – строчные латинские буквы a, b, c, d…

"I" – римские цифры заглавными буквами: I, II, III, IV…

"i" – римские цифры строчными буквами: i, ii, iii, iv…

Атрибут start позволяет начать нумерацию пунктов списка не с начала (1, A или I), а с произвольно выбранного значения. Его значением всегда является число, даже если нумерация осуществляется буквами. Например, <ol type="A" start="6"> задаёт список с нумерацией заглавными латинскими буквами, начиная с F – шестой буквы латинского алфавита.

Тэги для многоуровневых списков в HTML отсутствуют, однако можно создать список внутри списка, например, таким образом:

<ol type="1">

<li>Первый пункт</li>

<li>Второй пункт</li>

<ul type="circle">

<li>Первый подпункт</li>

<li>Второй подпункт</li>

<li>Третий подпункт</li>

</ul>

<li>Третий пункт</li>

</ol>

В браузере это отобразится так:

1. Первый пункт

2. Второй пункт

• Первый подпункт

• Второй подпункт

• Третий подпункт

3. Третий пункт

К сожалению, в HTML нет средств для нумерации подпунктов во вложенных списках «многоуровневыми» номерами (1.1, 1.2 и т.д.)

2.2.6. Изменение шрифта

Тэг изменения шрифта называется <font>. Этот тэг контейнерный.

Пример. Тэг <font face="Arial" color="red" size="5"> задаёт шрифт Arial красного цвета увеличенного размера.

Размер шрифта задаётся в некоторых условных единицах от 1 до 7. Соответствие между ними и размером шрифта в пунктах представлено в табл. 2.1.

Таблица 2.1

Размер в у.е.	1	2	3	4	5	6	7
Размер в пт	8	10	12	14	18	24	36

По умолчанию размер обычного текста равен трём – это соответствует шрифту в 12 пунктов. Размеры заголовков с <h1> по <h6> равны соответственно с 6 по 1.

Цвет в HTML-документе может быть задан названием или шестнадцатеричным значением. Список названий цветов в HTML приведён, например, в [5, с. 650 – 655]. Шестнадцатеричные обозначения цвета начинаются со знака решётки (#) и состоят из шести цифр, из которых первые две соответствуют красной составляющей цвета, следующие две – зелёной и последние две – синей. Так, тэг в примере выше может быть записан в виде:

<font face="Arial" color="#FF0000" size="5">

Здесь для красной составляющей задано максимальное значение 255 (шестнадцатеричное FF), для синей и зелёной – нулевое, что даёт ярко-красный цвет. Для тёмно-красного цвета можно задать значение красной составляющей в половину от максимального (#800000), для светло-красного – максимальное значение красной и половинные значения зелёной и синей составляющих (#FF8080).

Другие тэги изменения шрифта перечислены в табл. 2.2.

Таблица 2.2

Тэг	Назначение	Пример
		HTML-код	Отображение в браузере
<b>	Жирный шрифт	Это <b>жирный</b> шрифт	Это жирный шрифт
<i>	Курсивный шрифт	А это <i>курсив</i>	А это курсив
<u>	Подчёркивание	Этот текст <u> подчёркнут </u>	Этот текст подчёркнут
<s>	зачёркивание	Этот текст <s> зачёркнут </s>	Этот текст зачёркнут
<sup>	верхний индекс	10<sup>15</sup> м<sup>3</sup>	1015 м3
<sub>	нижний индекс	H<sub>2</sub>SO <sub>4</sub>	H2SO4

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

Вообще использование тэгов физического выделения <b>, <i>, <u>, <font> рекомендуется свести к минимуму, поскольку язык HTML изначально разрабатывался для логической разметки структуры документа. Для шрифтового оформления веб-страницы предпочтительнее использовать каскадные таблицы стилей (см. п. 2.5). В отличие от них, верхние и нижние индексы уместно считать тэгами логического, а не физического выделения, так как их использование меняет смысл написанного, а не только его оформление. Например, 10¹⁵ и 1015 – разные числа.