8.4. Теги заголовков разных уровней
Язык HTML позволяет работать с шестью уровнями заголовков. Заголовки отличаются размером шрифта. Они пронумерованы от 1 до 6, причем первый номер соответствует самому крупному шрифту. Тег заголовка имеет вид:
<Hn> Текст </Hn>
Под n подразумевается уровень заголовка, то есть числа 1, 2, 3, 4, 5 или 6. Заголовки следует делать информативными и привлекательными для читателя.
Заголовки отображаются Web-броузерами намного крупнее и жирнее стандартного текста. Заголовки можно использовать для того, чтобы разбить страницу на разделы.
Пример 3. Html –документ с тегами заголовков
<html>
<head>
<title>Дистанционное образование</title>
</head>
<body>
<H1> Заголовок первого уровня </H1>
<H2 > Заголовок второго уровня </H2>
<H3 > Заголовок третьего уровня </H3>
<H4 > Заголовок четвертого уровня </H4>
<H5 > Заголовок пятого уровня </H5>
<H6 > Заголовок шестого уровня </H6>
</body>
</html>
Вид этого документа в окне броузера показан на рис. 8.2.
Рис. 8.2. Пример использования заголовков разных уровней
8.5. Оформление списков
Списки являются важным инструментом повышения эффективности представления информации. Когда элементы списка выделены среди остального текста большими жирными точками, они прямо-таки бросаются в глаза. При правильном использовании списки делают большие объемы информации легко читаемыми и хорошо заметными.
Списки особенно необходимы в следующих случаях:
когда однородную информацию нужно каким-либо образом классифицировать;
когда имеется большой объем данных, которые в большом абзаце выглядят многословно и плохо читаемы;
когда описывается какой-либо пошаговый процесс.
В HTML-документе можно создать маркированные, нумерованные и вложенные списки.
Маркированный список
Маркированный список-перечисление оформляется с помощью тегов <UL> (unordered list – неупорядоченный список) – показывает начало всего списка, - и <LI> (line item – строковый элемент) – показывает начало очередного элемента списка.
<ul>
<li> Пункт 1 </li>
<li> Пункт 2 </li>
<li> Пункт 3 </li>
<li> Пункт 4 </li>
</ul>
Нумерованный список
Нумерованный список создается тегами <ol> (ordered list – упорядоченный список) и <li>. Тег <ol> показывает начало всего списка, а тег <li> – начало очередного элемента списка.
У тега <ol> можно задать атрибуты TYPE и START.
Атрибут TYPE задает один из пяти видов нумерации элементов списка:
TYPE=1 Стандартная цифровая нумерация – 1, 2, 3 и .т.д.
TYPE=А Большими буквами.
TYPE=а малыми буквами
TYPE=I Большими римскими цифрами
TYPE=i малыми римскими цифрами
С помощью атрибута START можно начать нумерацию элементов списка с произвольной цифры.
Пример 4. Html-документ с маркированным и нумерованным списками
<html>
<head>
<title>Дистанционное образование</title>
</head>
<body>
<H2> Пример маркированного списка </H2>
<ul >
<li> Пункт 1 </li>
<li> Пункт 2 </li>
<li> Пункт 3 </li>
<li> Пункт 4 </li>
</ul>
<H2> Пример нумерованного списка </H2>
<ol start=20>
<li> Пункт 1 </li>
<li> Пункт 2 </li>
<li> Пункт 3 </li>
<li> Пункт 4 </li>
</ol>
</body>
</html>
Вид документа со списками (пример 4) показан на рис. 8.3.
Рис. 8.3. Документ с маркированным и нумерованным списками