Вставка графических объектов в WEB-страничку

Дата добавления: 2015-07-09; просмотров: 1182; Нарушение авторских прав

Простейший пример вставки графического изображения в страничку имеет следующий вид:

<img src="picture.gif">,

где picture.gif – имя графического файла.

Чтобы программа просмотра смогла найти графический файл необходимо указать путь к этому файлу. Если графический файл расположен в той же папке, что и HTML – документ, то можно указать только имя этого файла. Если в другой папке, то указывается имя папки и имя файла, например, <img src="f45/picture.gif">

Дополнительные параметры графических изображений:

1. width (ширина графического изображения);

2. height (высота графического изображения);

3. align (выравнивание графического изображения):

3.1. absmiddle или center(по центру);

3.2. left(слева);

3.3. right(справа).

Обои

Обои представляют собой графический файл. Это тот фон, на котором будет располагаться вся информация Web-страницы. В некоторых случаях они рисуются специально (в каком-либо графическом редакторе) с изображением логотипа или названия фирмы.

Проще взять любые понравившиеся обои с какой-нибудь страницы, щелкнуть по ним правой кнопкой, выбрать команду “Save picture as” и сохранить их в каталоге, где находятся ваши HTML-документы. Чтобы наклеить обои на WEB-страницу, необходимо в параметре background тега body указать имя файла , в котором хранятся обои, например,

Пример WEB-странички, размещенной на обоях и содержащей графическое изображение.

<html>

<head>

<title

Моя страничка

</title>

</head>

<р>

В данном примере графический файл

zagolovok.jpg, выровненный по центру, будет

располагаться на обоях

</font>

</body>

</html>

Результат выполнения программы:

Практическое задание

При разработке WEB-странички выполните последовательно следующие пункты задания:

В меню кнопки Пуск с помощью команды Поиск просмотрите файлы с расширением .gif и .jpg. Выберите подходящие для вашей странички графические изображения (картинки и обои) и сохраните их на сервере в папке HTML.

<== предыдущая лекция	\|	следующая лекция ==>
Всероссийское общество слепых	\|	Теги, используемые при создании таблиц