- •Занятие 1. Введение в html
- •Структура Web-страницы
- •Создание Web-страницы
- •Параметры страницы
- •Размещение и форматирование текста
- •Управления отображением символов
- •Теги, управляющие формой отображения
- •Верхние и нижние индексы
- •Теги, характеризующие тип информации
- •Структура, стиль и внешний вид программы
- •Правила оформления программы
Создание Web-страницы
Так как все html-документы имеют одинаковую структуру, рекомендуется создать общий шаблон, в котором будут меняться только название (содержимое тега <TITLE>…</TITLE>) и содержательная часть документа (содержимое контейнера <BODY>…</BODY>.
Параметры страницы
Описание тегов тела документа следует начать с тега <ВОDY>. В отличие от тега <НEАD>, тег <BОDY> имеет атрибуты. Они задают параметры, распространяющиеся на весь документ, такие, как цвет фона, шрифта, гиперссылок и размеры полей страницы.
Цвета зависят от настроек браузера. Когда в HTML-программе цвета явно не заданы, браузер использует свои установки по умолчанию. Стандартные цвета Windows – черные буквы на белом фоне. Изменить эти настройки можно установив свои цвета для работы по умолчанию в меню Сервис/Свойства обозревателя/Общие/Цвета.
В теге <BОDY> можно задать свои цветовые параметры документа, используя атрибуты:
bgcolor=цвет фона
tехt=цвет текста
vlink =цвет пройденных гипертекстовых ссылок
link =цвет гипертекстовой ссылки
alink=цвет активной гипертекстовой ссылки
Цвет можно задать просто написав его название на английском языке, или используя RGB-код, который состоит из # и шестизначного кода цвета.
|
Название |
Код |
Описание |
|
aqua |
#00FFFF |
Голубой |
|
black |
#000000 |
Черный |
|
blue |
#0000FF |
Синий |
|
fuchsia |
#FF00FF |
Сиреневый |
|
gray |
#808080 |
Серый |
|
green |
#008000 |
Зеленый |
|
lime |
#00FF00 |
Светло-зеленый |
|
maroon |
#800000 |
Коричневый |
|
navy |
#000080 |
Темно-синий |
|
olive |
#808000 |
Оливковый |
|
purple |
#800080 |
Темно-сиреневый |
|
red |
#FF0000 |
Красный |
|
silver |
#C0C0C0 |
Серебряный |
|
teal |
#008080 |
Сизый |
|
white |
#FFFFFF |
Белый |
|
yellow |
#FFFF00 |
Желный |
|
gold |
#FFD700 |
Золотой |
|
indigo |
#4B0080 |
Индиго |
|
purple |
#800080 |
Пурпурный |
|
orange |
#FFA500 |
Оранжевый |
|
violet |
#EE80EE |
Фиолетовый |
Если в качестве атрибутов тега <ВОDY> указать:
<ВОDY вgcolor=#FFFFFF техт=#0000FF vlink=#FF0000 link=#00FF00>,
то цвет фона будет белым, текст будет синим, ссылки — зелеными, а пройденные ссылки станут красными. Однако пользоваться этими атрибутами следует крайне осторожно, так как у пользователя может оказаться другой интерфейс, который эти параметры не интерпретирует.
В теге <BODY> можно задать также поля страницы.
При выводе Web-страницы на экран браузер автоматически оставляет небольшие поля (примерно 10 пикселе) вдоль левого и вдоль верхнего краев рабочего окна. Эти поля автоматически же заполняются указанным для данной страницы фоновым цветом и/или фоновым изображением, но никакие элементы страницы не могут заходить на эти поля. Если же требуется изменить размеры полей или убрать их совсем, нужно включить в тег <BODY> атрибуты leftmargin (размер полей слева) и topmargin (размер полей сверху). В качестве значений для них после знака равенства указывается количество пикселей или нуль, чтобы отменить поля.
Например, тег <ВОDY leftmargin=40> создаст на всей странице левое поле шириной 40 пикселей. При n, равном 0, левое поле отсутствует.