- •«Разметка html – документов»
- •Содержание
- •Структура html-документа
- •Заголовок документа
- •Тело документа
- •Заголовки внутри документа
- •Параграфы
- •Принудительное разбиение строк
- •Комментарии
- •Оформление нтмl-документов
- •Горизонтальные разделители
- •Простые списки
- •Нумерованные списки
- •Списки с определениями
- •Вложенные списки
- •Добавление бегущей строки
- •Унифицированный адрес ресурсов
- •Ссылки на фрагменты документов
- •Ссылки на части одного документа
- •Посылка электронной почты
- •Преформатированный текст
- •Форматирование символов
- •Использование тэгов форматирования
- •Специальные символы
- •Использование графических изображений
- •Встроенные изображения, звуки и анимация
- •Ссылки на изображения, звуки и анимацию
- •Таблицы
- •Простейшая однострочная таблица
- •Приемы ускорения создания таблиц
- •Создание строки надписей
- •Включение названия
- •Выравнивание текста внутри клеток
- •Пустые клетки
- •Перекрытие текстом нескольких строк или столбцов
- •Средства таблиц
- •Задания к лабораторной работе
- •Содержание отчета по лабораторной работе
- •Приложение б Константы для представления цветов
- •Продолжение приложения б
- •Издательство «нефтегазовый университет»
- •625000, Г. Тюмень, ул. Володарского, 38
- •625039. Г.Тюмень. Ул. Киевская, 52
Тело документа
Тело документа состоит из:
Заголовков (от H1 до Н6) ,где Hx-размер заголовка;
Блоков (параграфы, списки, формы, таблицы, картинки и т.д.);
Горизонтальных отчеркиваний и адресов;
Текста, разбитого на области действия стилей (подчеркивание, выделение, курсив), математических описаний, графики и гипертекстовых ссылок.
Тэг <BODY> может иметь атрибуты перечисленные в таблице 1.
В данной таблице строка #ХХХХХХ определяет цвет в терминах RedGreenBlue в шестнадцатиричной нотации (приложение Б). Так если указать следующие атрибуты
<BODY BGCOLOR=#FFFFFF TEXT=#0000FF VLINK=#FF0000 LINK=#00FF00>,
то цвет текста определен как синий, фона - белый, пройденных ссылок - красный, а новых ссылок –зелёный.
Таблица 1 - Атрибуты тэга <BODY>
|
Атрибут |
Значение |
|
BGCOLOR=#FFFFFF |
Цвет фона |
|
TEXT=#0000FF |
Цвет текста |
|
VLINK=#FF0000 |
Цвет пройденных гипертекстовых ссылок |
|
LINK=#00FF00 |
Цвет гипертекстовой ссылки |
Цвет можно также задать словом. Например:
<BODY BGCOLOR=red> - браузер выведет цвет фона красным.
Заголовки внутри документа
В языке HTML возможно использование заголовков шести уровней — от 1 до 6-го. Заголовок первого уровня считается самым главным и используется в качестве первого заголовка документа, например для выделения названия документа. Заголовки могут выделяться цветом или шрифтом, отличным от шрифта, используемого для отображения основного текста документа, Для задания заголовков используется следующий синтаксис:
<Нх>Текст заголовка</Нх>,
где х — это число от 1 до 6, указывающее уровень заголовка. Например, чтобы задать заголовок третьего уровня, необходимо использовать следующие тэги:
<Н3>Заголовок третьего уровня</НЗ>.
Примечание. Заголовок первого уровня обычно идентичен заголовку самого документа. Если документы состоят из нескольких частей, в заголовке указывается название части.
Параграфы
Для разбиения документов на параграфы в HTML-файлах используется специальный тэг <Р>, а не Enter, как в текстовых редакторах. Следует заметить, что переход на новую строку может произойти в любом месте документа, а несколько следующих подряд символов "пробел" заменяются на один. Игнорируются также конструкции типа "пробел" <Р> и "пробел" <Нх>.
Даже если текст состоит из двух строк, браузер игнорирует их, и новый параграф начинается после тэга <Р>.
Примечание. Параграфы должны быть разделены тэгами <Р>. Браузер игнорирует пустые строки и форматирование с помощью пробелов. Таким образом, документ. не содержащий тэгов <Р>, будет отображаться как один параграф. Исключение составляет текст, помеченный как ''преформатированный", о чем говорится ниже.
Отметим, что большинство браузеров помещает пустую строку после окончания параграфа для ясного указания на то, что параграф завершен.
Совместно с тэгом <Р> можно указать атрибуты параграфа. Атрибуты указываются с помощью директивы ALIGN, которая может принимать, одно из следующих значений: center, left, right, и justify. Для того чтобы указать, что параграф не должен разбиваться на слова, можно использовать директиву NOWRAP. Вот так, например, можно задать параграф, выровненный слева и справа без разбиения на слова:
<Р ALIGN=Justify NOWRAP>.
Метка <P> может употребляться без конечной метки </P> потому что конец одного абзаца автоматически подразумевает начало следующего, и метка </P> становится ненужной.