- •Создание html-документов.
- •Заполнение фона.
- •Заголовок документа.
- •Присвоение имени документу.
- •Настрока заголовка.
- •Другие элементы заголовка.
- •Комментарии в html-документах.
- •Элемент address.
- •Использование цветов в документе.
- •Определение цветов.
- •Атрибуты для определения цветов в документе.
- •Создание шаблона документа.
- •Разбиение текста на абзацы.
- •Разрыв строк.
- •Структурирование текста.
- •Добавление заголовков.
- •Добавление горизонтальных линий.
- •Предварительное форматирование текста.
- •Советы по макетированию страниц.
- •Специализированный шаблон.
- •Форматирование символов.
- •Логическое форатирование.
- •Элементы физического форматирования.
- •Шрифты.
- •Атрибут size.
- •Атрибут color
- •Советы по форматированию текста.
- •Зачем нужна графика.
- •Основные принципы.
- •Что нужно знать при использовании графический изображений.
- •Авторские права.
- •Могут ли возникнуть проблемы из-за порнографических изображений?
- •Выбор формата графического файла.
- •Потеря информации.
- •Поддержка броузерами.
- •Добавление изображений в документ.
- •Выравнивание текста с изображением в строке.
- •Расположение текста на web-странице.
- •Указание браузеру размеров изображения.
- •Уменьшение размеров изображения.
- •Увеличение размеров изображения.
- •Создание альтернативного текста.
- •Рамка вокруг изображения.
- •Свободное пространство вокруг изображения.
- •Использование изображения в качестве ссылки.
Создание шаблона документа.
Теперь создадим шаблон документа, который вы сможете использовать при создании своих документов. В следующих главах вы узнаете, как заполнить его и создать документ высокого класса.
Начнем с обязательных дескрипторов: <HTML>, <HEAD>, </HEAD>, <BODY>, </BODY> и </HTML>. Надо также включить элемент title, поскольку он является обязательным в HTML. И, наконец, добавьте в шаблон строку текста, которая будет напоминать вам о том, где должен располагаться основной текст документа. Все это показано ниже:
Шаблон простого документа |
Этого вполне достаточно для простого документа, но вы можете без особых усилий сделать намного больше. Сначала добавим в документ простой фоновый рисунок - при этом дескриптор <body> примет такой вид:
<BODY BACKGROUND="greybg.jpg">
Ранее в этой главе было сказано о том, что при добавлении фонового изображения к документу, нужно настроить цвета таким образом, чтобы читатель увидел ваш текст. Сначала присвойте атрибуту BGCOLOR значение GRAY - это самый подходящий цвет для фона. Теперь определите цвета для других компонентов документа: text - BLACK, a LINK, ALINK И VLINK - BLUE, GREEN И RED, соответственно. Эти Дополнения изменят дескриптор <body> на <BODY BACKGROUND="greybg.jpg" BGCOLOR="GRAY", TEXT="BLACK", LINK="BLUE", ALINK="GREEN", VLINK="RED">
Добавьте в свой документ элемент address:
<ADDRESS>Сайт создан Прибыльским Сергеем. Последнее обновление 18 июня 2000г.</ADDRESS>
Конечно же, в элементе address вы должны указать свое имя. Когда все это будет добавлено к исходному шаблону, то получится примерно такой код
Готовый шаблон базового документа |
По мере углубления ваших знаний о HTML, шаблон будет расти и усложняться. А пока этого простого документа вполне достаточно для решения большинства задач.
Разбиение текста на абзацы.
В школе нас учили разбивать текст на абзацы, которые выражают законченную мысль. При создании документов HTML также должно соблюдаться это правило. К сожалению, разбиение на строки и абзацы в HTMLявляется более сложным, чем можно было бы ожидать.
HTML, как язык разметки текста, предполагает независимость документа от компьютера пользователя. Читатели вашего документа могут установить любые поля и шрифты, которые они хотят использовать. Это значит, что расположение текста определяется броузером, поскольку только в этой программе зафиксированы настройки читателя. Расположение строк в исходном документе игнорируется программой просмотра. Вместо этого она модифицирует текст в соответствии с локальными настройками. Это значит, что документ, который был хорошо организован в вашем текстовом редакторе, будет искорежен в окне броузера.
Различные программы просмотра показывают одну и ту же страницу по-разному, в зависимости от настроек, принятых по умолчанию, и от опций, указанных пользователем. В этой главе мы использовали примеры из различных броузеров.
Чтобы разбить текст, необходимо использовать элементы абзаца. Если поместить открывающий дескриптор абзаца <Р> в начало каждого нового абзаца, то программа просмотра корректно разделит текст на абзацы. Добавление закрывающего дескриптора </Р> не обязательно, поскольку его функцию обычно выполняет следующий начальный дескриптор абзаца, который встретится в документе. Однако добавление дескриптора </Р> в конце абзаца поможет обработать ваш документ в тех программах просмотра, которые не полностью соответствуют стандарту HTML.
Относитесь серьезно к использованию открывающих и закрывающих дескрипторов абзаца. В последнее время все чаще для представления абзацев текста используются стили, поэтому корректное употребление дескриптора абзаца приобретает все большее значение.
В некоторыхдокументах HTML дескриптор начала абзаца <р> используется повторно для создания дополнительной пустой строки. Этот подход не поддерживается стандартом HTML, и самые современные броузеры игнорируют все пустые дескрипторы <р>, которые следуют за первым.
Элемент абзаца имеет один атрибут align, который поддерживается как Netscape Navigator, так и Microsoft Internet Explorer. Возможные значения атрибута align и их назначение перечислены в таблице ниже. Если атрибут не используется, то по умолчанию принято выравнивание текста по левому краю.
Атрибут align также можно использовать со многими другими дескрипторами HTML— для выравнивания изображений, содержимого таблиц и других элементов страницы.
Использование атрибута в этих целях будет описано в следующих главах.
Значения атрибута ALIGN и их назначение: | |
Значение |
Назначение |
LEFT |
Выравнивает текст по левому полю окна просмотра. Правый край неровный |
CENTER |
Выравнивает текст по центру между полями окна просмотра |
RIGHT |
Выравнивает текст по правому краю в окне просмотра. Левый край неровный |