(Лекция №2, курс Введение в HTML: "...Контейнер HTML или гипертекстовый документ состоит из двух других вложенных контейнеров: заголовка документа ( HEAD ) и тела документа ( BODY ). Рассмотрим простейший пример классического документа. <HTML> <HEAD> <TITLE>Простейший документ</TITLE> </HEAD> <BODY TEXT=#0000ff BGCOLOR=#f0f0f0> <H1>Пример простого документа</H1> <HR> Формы HTML-документов <UL> <LI>Классическая <LI>Фреймовая </UL> <HR> </BODY> </HTML> |
Контейнеры тела документа
Блоки цитат — элемент <ВLОСKQUOTE>
Тег добавляет поля слева и справа от текста. Это полезный тег, поскольку он позволяет компактно расположить текст в центре страницы. При неоднократном использовании <ВLОСKQUOTE> текст все больше сжимается к центру.
Создание списков в HTML
Списки являются важным средством структурирования текста и применяются во всех языках разметки. В НТМL имеются следующие виды списков: ненумерованный список (неупорядоченный) (Unordered Lists <UL> ), нумерованный список (упорядоченный) (Ordered Lists <OL> ) и список определений. Теги для ненумерованных и нумерованных списков — это основа HTML. HTML 3.2 добавляет несколько атрибутов к тегам списков для выбора разных типов маркеров в ненумерованных списках и разных схем нумерации в нумерованных. Можно включать такие атрибуты и в сами теги элементов списка (List Item <LI> ), чтобы сменить тип маркера в середине списка. После появления нового атрибута все последующие маркеры в списке будут иметь такой же вид.
Неупорядоченные списки — тег <UL>
Ненумерованный список. Ненумерованный список предназначен для создания текста типа:
- первый элемент списка;
- второй элемент списка;
- третий элемент списка.
Записывается данный список в виде последовательности:
<UL> <LI>первый элемент списка <LI>второй элемент списка <LI>третий элемент списка </UL>
Теги <UL> и </UL> — это теги начала и конца ненумерованного списка, тег <LI> (List Item) задает тег элемента списка. Помимо этих тегов, существует тег, позволяющий именовать списки — <LН> (List Header).
Атрибуты маркеров в ненумерованном списке
Чтобы не применять одни и те же маркеры на разных уровнях вложенности, можно использовать атрибут ТYРЕ. Вы можете задать любой тип маркера в произвольном месте списка. Можно даже смешивать разные типы маркеров в одном списке. Ниже перечислены теги с атрибутами стандартных маркеров:
<UL TYPE=DISC>Тег создает сплошные маркеры такого типа, как в списках первого уровня по умолчанию. <UL TYPE=СIRCLE>Тег создает маркеры в виде окружностей. <UL TYPE=SQUARE>Тег создает сплошные квадратные маркеры.
Упорядоченные списки — тег <OL>
Нумерованные списки. Тег <OL> вместе с атрибутом ТYРЕ= в HTML 3.2 позволяет создавать нумерованные списки, используя в качестве номеров не только обычные числа, но и строчные и прописные буквы, а также строчные и прописные римские цифры. При необходимости можно даже смешивать эти типы нумерации в одном списке:
<ОL ТYРЕ=l> Тег создает список с нумерацией в формате 1., 2., 3., 4. и т.д. <ОL ТYРЕ=А> Тег создает список с нумерацией в формате А., В., С., D. и т.д. <OL ТYРЕ=а> Тег создает список с нумерацией в формате а., b., с., d. и т.д. <ОL ТYРЕ=I> Тег создает список с нумерацией в формате I., II., III., IV. и т.д.
Список определений — тег <DL>
Теги списка (Definition List: <DL>, <DT>, <DD> ) используют для создания списка терминов и их определений. Схема использования тега следующая.
<DL><DT>Термин</DT> <DD>Определение</DD></DL>
Определяемый термин записывается на одной строке, а его определение — на следующей, с небольшим отступом вправо. Тег <DL> позволяет создавать отдельные абзацы с отступом без нумерации или маркеров. Отступ делается от левого края. Если на странице несколько тегов <DL>, то текст постепенно сдвигается все больше вправо. В конце определения поместите закрывающий тег </DL>. Помните, что тег <DL> сдвигает только левую границу абзаца.