Создание простейших Web-страниц. Форматирование текста средствами языка HTML. Структура тега. Цвета в HTML-документе

Страницы работы

6 страниц (Word-файл)

Фрагмент текста работы

HTML документ представляет собой обычный текстовый файл, содержащий маркированный тегами форматирования текст, а так же заданные специальными тегами ссылки на графические и прочие файлы мультимедиа, ссылки на другие доку-менты HTML и ресурсы Internet.

Для распознавания Web-страниц по их именам общепринято обозначать такие файлы использованием расширений .HTM  или .HTML.

Кроме полезного текста в HTML-документах используются специальные управляющие последовательности символовтеги.

Структура тега имеет следующий вид:

·  Парный тег:

<ТЕГ атрибут 1=значение 1...>

текст

другие конструкции

</ТЕГ>

·  Одиночный тег:

<ТЕГ атрибут 1=значение 1...>

текст

другие конструкции

Чаще всего теги используются попарно, окружая размеченные фрагменты текста. Такие теги называются контейнерами. Закрывающий тег отличается от начального только присутствием символа "/", добавляемого перед именем тега.

При интерпретации тегов браузер не делает различия между строчными и прописными буквами. Поэтому сами теги можно набирать на любом регистре.

Атрибуты (параметры) для тегов часто является необязательной величиной и их можно пропускать.

Создавать HTML-документы можно как в простом текстовом редакторе, например, в Блокноте Windows, так и с помощью специализированных программ, таких как Microsoft Frontpage.

HTML-документ имеет следующую общую структуру:

<HTML>

<HEAD>

<TITLE>Заголовок документа</TITLE>

</HEAD>

<BODY>

Основная часть документа

</BODY>

</HTML>

Внутри контейнера <HEAD> может использоваться тег <TITLE>, как показано выше. Большинство Web-браузеров отображают содержимое этого тега в строке заголовка окна Web-браузера, содержащего документ, и в файле закладок, если он поддерживается Web-браузером.

HTML позволяет вставлять в тело документа пояснительный текст (комментарии), который сохраняется при передаче документа по сети, но не отображается браузером.

Синтаксис комментария следующий:

<-- Это комментарий -->

Комментарии могут встречаться в любом месте документа.

1)  Цвета в HTML-документе

Язык HTML определяет для тега BODY следующие атрибуты цветов:

BGCOLOR - цвет фона для тела документа,

TEXT - цвет, используемый при выводе на экран текста из данного документа,

LINK - цвет, который будет использоваться при выводе на экран текста из еще не выбранных вами гипертекстовых связей,

VLINK - цвет, который будет использоваться при выводе на экран текста из уже проверенных вами гипертекстовых связей,

ALINK - цвет, которым будут выделяться в тексте гипертекстовые связки в тот момент, когда пользователь щелкает по ним клавишей мыши.

Существует две формы задания цвета:

·  символьная  - указывается название одного из предопределенных цветов, например, RED;

·  цифровая – комбинация RGB: #RRGGBB, например, для красного - #FF0000.

Таблица 1. Цветовые обозначения

Цвет

Символьное обозначение

Цифровое обозначение

Черный

BLACK

#000000

Темно-синий

NAVY

#000080

Голубой

BLUE

#0000FF

Зеленый

GREEN

#008000

Сине-зеленый

TEAL

#008080

Ярко-зеленый

LIME

#00FF00

Ярко-голубой

AQUA

#00FFFF

Темно-красный

MAROON

#800000

Темно-сиреневый

PURPLE

#800080

Оливковый

OLIVE

#808000

Серый

GRAY

#808080

Серебряный

SILVER

#C0C0C0

Красный

RED

#FF0000

Сиреневый

FUCHSIA

#FF00FF

Желтый

YELLOW

#FFFF00

Белый

WHITE

#FFFFFF

2)  Форматирование текста

При выводе на экран текста браузер игнорирует дополнительные пробелы, символы табуляции и возврата каретки, пустые строки. Их можно использовать для того, чтобы сделать текст HTML-документа легко читаемым.

Для правильного отображения Web-страницы в окне браузера  следует использовать специальные теги для структурирования и форматирования текста.

Теги форматирования текста делятся на две основные группы — теги логического форматирования и теги физического форматирования.

В группу тегов логического форматирования входят теги, отображающие на экране монитора элементы документа таким образом, как установлено по умолчанию в спецификации языка разметки HTML. Теги физического форматирования позволяют разработчику HTML-документа визуально изменять вид текста, варьируя его параметры и значения. Другими словами, теги физического форматирования предназначены для выделения отдельных текстовых фрагментов различными способами, установленными автором документа.

Теги логического форматирования

Теги <СIТЕ> и </CITE> — выделяют различные цитаты и высказывания, названия библиографических источников и пр.

Теги <CODE> и </CODE>— предназначен для выделения небольших фрагментов программного кода на языке программирования.

Теги <DFN> и  </DFN>— выделяет определение некоторого термина.

Теги <ЕМ> и </ЕМ> — используется для интонационного выделения определенного текстового фрагмента.

Теги <STRONG> и </STRONG>— «усиленное» выделение, призванное привлечь

Похожие материалы

Информация о работе