Форматирование документа

Представляю Вашему вниманию второй выпуск рассылки "Уроки веб-дизайна в примерах".

• Форматирование документа.
• Выделение текста.
• Размер и цвет текста.
• Ссылки.
• Анонс следующего выпуска.

Форматирование документа

Форматирование документа можно разделить на два типа: логическое и физическое. Логическое форматирование будет рассмотрено в одном из следующих выпусков. В этом выпуске будет подробно описан второй тип.

Для разделения текста документа на заголовки используется тег <Hn> (закрывающий тег </Hn> обязателен), где n может принимать размер от 1 до 6. Текст внутри этого элемента выделяется жирным шрифтом и отображается размером, зависящим от n (n=1 самый крупный, n=6 самый мелкий). С помощью этого элемента можно обозначить структуру страницы. Кроме этого, текст, заключенный в элемент <Hn>, имеет больший вес для поисковых систем.

Пример 1.

Текст состоит из параграфов. Для описания параграфа используется тег <P> (закрывающий тег </P> обязателен).

Пример 2.

Выделение текста

Как выделить часть текста? Начертание текста можно изменить тегами <B> (bold, жирный), <I> (italic, курсив), <U> (underline, подчеркивание), <STRIKE> (зачеркивание), <SUP> (superscript, верхний индекс) и <SUB> (subscript, нижний индекс). Закрывающие теги обязательны. Ниже приведем пример использования этих тегов.

Пример 3.

Размер и цвет текста

Дополнительные возможности по оформлению текста осуществляет тег <FONT> (закрывающий тег </FONT> обязателен). Свойство <SIZE> этого тега определяет размер шрифта и может принимать значения от 1 (мелкий) до 6 (крупный).

Пример 4.

Свойство <COLOR> тега <FONT> тега <FONT> задает цвет текста. Значение можно указывать либо в виде #RRBBGG (RR - наполнение красным цветом, BB - синим и GG - зеленым; значения задаются в шестнадцатеричном виде), либо используя названия цветов (red, blue, yellow и т.д).

Пример 5.

Ссылки

Ссылка на другой HTML документ имеет следующий вид: <A HREF="url">текст ссылки</A>, где url - адрес станицы. Рассмотрим это на примере, но вначале создайте документ с именем "test.html" (без кавычек) в той же директории, что и основная страничка. Теперь, можно на основную страничку скопировать приведенный ниже пример.

Пример 6.

При клике на текст "страница test.html" браузер откроет страницу "test.html". Получилось? Поздравляю! Теперь Вы можете делать многостраничные сайты.

Анонс следующего выпуска.

Что могут ссылки? Как сделать подсвечивающиеся ссылки? Как задать цвет фона или использовать фоновое изображение? А можно ли использовать несколько шрифтов? На эти вопросы Вы получите ответ в следующем выпуске рассылки.

P.S. Если Вы используете почтовую программу The Bat!, то письмо может отображаться некорректно. Для того, чтобы просмотреть правильный вариант, щелкните два раза на аттачменте Part.html и откройте письмо (кнопка "No/Нет").