RESTOR- От HTML до С++ |
HTML |
JavaScript |
CSS |
Flash MX |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » RESTOR- От HTML до С++ » Введение в HTML » 3. Лекция: Контейнеры тела документа
Верхние и нижние индексы
С помощью тегов <SUР> и <SUВ> можно задавать верхние и нижние индексы, необходимые для записи торговых знаков, символов копирайта, ссылок и сносок. Рассматриваемые теги позволяют создать внутри текстовой области верхние или нижние индексы любого размера. Чтобы они казались меньше окружающего текста, можно использовать теги <SUР> и <SUВ> с атрибутом FONT SIZE=-1, уменьшающим размер шрифта.
Атрибут SIZЕ
Атрибут SIZЕ тега <FОNТ> позволяет задавать размер текста в данной области. Если вы не пользуетесь тегом <BASEFONT SIZE=n> для задания определенного размера шрифта на всей странице, то по умолчанию принимается 3. Некоторые браузеры тег <FONТ> не поддерживают, поэтому желательно употреблять его только внутри текстовой области. В других случаях лучше использовать теги <Н1>, <Н2>, <НЗ> и т.д. Главное преимущество тега <FONТ> состоит в том, что после окончания действия он не разбивает строку, как теги <Нn>. Поэтому тег <FONТ> бывает очень полезен для изменения размера шрифта в середине строки.
Атрибут СОLОR
Если вы хотите сделать свою страницу более красочной, можете воспользоваться атрибутом СОLОR в теге FONТ, и тогда единственным ограничением будет цветовая палитра на компьютере пользователя.
Теги, управляющие формой отображения, приведены в таблице.
Теги, управляющие формой отображения
Теги, характеризующие тип информации
Эти теги допускают вложенность и пересечение друг с другом, поэтому все они имеют тег начала и конца. При использовании таких тегов следует помнить, что их отображение зависит от настроек программы-интерфейса пользователя, которые могут и не совпадать с настройками программы-разработчика гипертекста.
Блоки цитат — элемент <В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=DISK>Тег создает сплошные маркеры
такого типа, как в списках первого уровня по
умолчанию.
<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> сдвигает только левую границу абзаца.
Горизонтальные линейки — тег <НR>
Горизонтальное отчеркивание (Horizontal Rule) применяется для разделения документа на части. С помощью одного лишь тега <НR> можно придать странице оригинальный вид. Попробуйте поэкспериментировать с тегом <НR>, и вы получите линии, совсем не похожие на те, которыми обычно пользуетесь.
Преформатированный вывод — тег <РRЕ>
Применение этого тега позволяет отобразить текст "как есть" (без форматирования), теми же символами и с тем же разбиением на строки.
Вы здесь » RESTOR- От HTML до С++ » Введение в HTML » 3. Лекция: Контейнеры тела документа