Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Пошаговая работа 1.doc
Скачиваний:
1
Добавлен:
01.03.2025
Размер:
76 Кб
Скачать
☆

Параметры фона

Параметр

Функция

Примеры

BGCOLOR

Определение цвета фона

Задание белого фона

<BODY BGCOLOR="white">

<BODY BGCOLOR="#FFFFFF">

<BODY BGCOLOR="255,255,255">

BACKGROUND

Указание фонового рисунка

<BODY BACKGROUND= "images/bg.gif">

BGPROPERTIES

Изменение свойств фона (например, фиксирование фонового рисунка) Поддерживается MS IE

<BODY BACKGROUND= "imageS/bg.gif" BGPROPERTIES= "fixed">

прокручивая содержание документа, фоновое изображение остается в зафиксированном виде.

Описанные параметры не являются обязательными, однако использование BGCOLOR рекомендуется по следующей причине: пользователь в настройках своего браузера может поставить любой цвет фона, а разработчик, полагая, что белый цвет является основным по умолчанию, может не указать этот параметр. В результате вместо подразумевающегося белого цвета, фон может оказаться черным, зеленым и т. д., что способно привести к нарушению оформления документа. Также наряду с графическим изображением фона рекомендуется использовать и параметры цвета на тот случай, если рисунок не загрузится (тогда браузер отобразит цвет).

Параметры границ документа

(значения задаются в пикселах)

Параметр

Функция

Примеры

TOPMARGIN

Определяет отступ от верхнего края документа.

<BODY TOPMARGIN="5" BOTTOMMARGIN="5" LEFTMARGIN="10" RIGHTMARGIM="10">

BOTTOMMARGIN

Определяет отступ от нижнего края документа.

LEFTMARGIN

Определяет отступ от левого края документа.

RIGHTMARGIN

Определяет отступ от правого края документа.

MARGINWIDTH

Определяет горизонтальный отступ

<BODY MARGINWIDTH="10" MARGINHEIGHT="5">

MARGINHEIGHT

Определяет вертикальный отступ

Первые четыре употребляются только в MS IE, последние два Netscape.

Таким образом, если вы хотите учесть особенности всех браузеров, то в HTML-конструкцию надо подставить и те, и другие параметры:

<BODY TOPMARGIN="5" BOTTOMMARGIN="5" LEFTMARGIN="10" RIGHTMARGIN="10" MARGINWIDTH="10" MARGINHEIGHT="5">

Параметр SCROLL, доступный только в MS IE устанавливает наличие или отсутствие полос прокрутки окна браузера.

тег < МЕТА>

<META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=windows-1251">

Тег < МЕТА> пишется в области тега <HEAD> </HEAD> после заголовка <TITLE> и используется для ввода различной дополнительной информации: ключевых слов, описания веб-страницы, указания ее автора, программы-генератора и т. п. Но в данном случае этот тег используется для определения кодировки символов. Поскольку в тексте используются русские буквы, то есть, символы с ASCII-кодами, большими 128, необходимо указать, в какой кодировке эти символы нужно отображать. Если кто не совсем понял, о чем речь, тому можно это место пропустить, но лучше обратиться к соответствующей литературе. Большинство браузеров обычно это делают автоматически, и кроме того, имеют встроенную возможность выбора кодировки. Как правило она находится в меню View (Вид). Однако иногда бывает полезно указать кодировку в явном виде.

В данном случае мы имеем дело с файлом в кодировке Windows, поэтому в качестве значение свойства charset указано "windows-1251". Кстати, если вы работаете в другой кодировке, например, KOI8, вам следует ввести другое значение — "koi8-r", иначе эта страничка будет нечитаемой.

К сожалению, для явного указания кодировки приходится использовать столь длинный тег. Правда, многие браузеры сейчас начинают понимать и просто указание “без лишних слов”: <МЕТА CHARSET="windows-1251"> . Однако этот метод не универсален, поэтому для лучшей совместимости стоит всегда писать длинную строку, приведенную выше.

Самостоятельно выполните следующее:

  • На основе изученного материала, самостоятельно создать свою страницу, содержащую:

  • Заголовок, отображаемый в окне браузера

  • Фоновую картинку и свой цвет фона, на тот случай, если картинки не отображаются

  • Отступы от краев станицы не менее 10 пикселей

  • Возможность прокрутки страницы с фиксацией фонового рисунка

  • В тексте страницы необходимо указать личные данные (ФИО, группа, специальность, дата рождения), уровень знакомства с основами технологии HTML, хобби.

  • разбейте текст страницы на абзацы.

3