. Атрибут BGCOLOR= задает цвет фона страницы, TEXT=
, LINK= и VLINK= определяют цвета соответственно не просмотренных и просмотренных ссылок.
внешний вид и функциональность документов. Существует два способа использования гра- фики в HTML-документах. Одна из наиболее используемых техник при проектировании до- кументов имеет название «inline image». Эта техника предполагает внедрение графических образов в документ с возможностью для пользователя видеть изображения непосредственно в контексте других элементов документа. Рассмотрим синтаксис тега с подробны описанием его элементов: text" HEIGHT=n1 WIDTH=n2 ALIGN=
top|middle|bottom|texttop>
Элементы синтаксиса тега:
1) URL –
Обязательный параметр, имеющий такой же синтаксис, как и стандартный
URL. Данный URL указывает браузеру где находится рисунок. Рисунок должен хра- ниться в графическом формате, поддерживаемом браузером. На сегодняшний день форматы GIF и JPG поддерживаются большинством браузеров.
2) ALT="text" – необязательный элемент задает текст,
который будет отображен браузе- ром, не поддерживающим отображение графики или с отключенной подкачкой изоб- ражений. Обычно, это короткое описание изображения, которое пользователь мог бы или сможет увидеть на экране. Если данный параметр отсутствует, то на месте рисун- ка большинство браузеров выводит пиктограмму (иконку), активизировав которую, пользователь может увидеть изображение. Тег ALT рекомендуется при использовании браузера, не поддерживающего графический режим (Lynx).
3) HEIGTH=n1 – необязательный параметр используется для указания высоты рисунка в пикселах. Если данный параметр не указан, то используется оригинальная высота ри- сунка. Это параметр позволяет сжимать или
растягивать изображения по вертикали, что позволяет более четко определять внешний вид документа. Однако, некоторые браузеры не поддерживают данный параметр. С другой стороны, экранное разреше- ние у вашего клиента может отличаться от вашего, поэтому будьте внимательны при задании абсолютной величины графического объекта.
4) WIDTH=n2 – параметр также необязателен, как и предыдущий. Позволяет задать аб- солютную ширину рисунка в пикселах.
5) ALIGN – параметр используется, чтобы сообщить браузеру, куда поместить следую- щий блок текста. Это позволяет более строго задать расположение элементов на экране.
Если данный параметр не используется, то большинство браузеров располага- ет изображение в левой части экрана, а текст справа от него.
С версии HTML 2.0 у тега
![]()
появились дополнительные параметры: text" HEIGHT=n1 WIDTH=n2
ALIGN=
top|middle|bottom|texttop|absmiddle|baseline|absbottom BORDER=n4 VSPACE=n5
HSPACE=n6>
Новые параметры:
1) BORDER – параметр позволяет автору определить ширину рамки вокруг рисунка.
2) VSPACE – позволяет установить размер в пикселах пустого пространства над и под рисунком, чтобы текст не наезжал на рисунок. Особенно это важно для дина- мически формируемых изображений, когда нельзя заранее увидеть документ.
80
3) HSPACE – позволяет установить размер в пикселах пустого пространства только по горизонтали.
Фоновые рисунки Большинство браузеров позволяет включать в документ фоновый рисунок, который будет отображаться на фоне всего документа. Описание фонового рисунка включается в тег BODY и выглядит следующим образом:
Ход работы: Задание 1. Размещение графики на Web-странице. Тег
![]()
является одиночным, т.е. закрывающий тег не применяется.
Графика в web, как правило, распространяется в трех форматах: GIF, JPG, PNG. Перед выполнением упражнения поместите файл
diplom.jpg в ту же папку, которая будет ис- пользована для хранения создаваемой web-страницы.
1.
Внесите изменения в файл
diplom.html (если файл утрачен, создайте новый):
Скачать 1.4 Mb.