Упражнение.. Вставка изображений.

⇐ ПредыдущаяСтр 2 из 2

Упражнение.

Откройте с помощью программы «Блокнот» страницу page2.htm, созданную на прошлом занятии.
Измените в ней цвет фона на бледно-зеленый.
Измените теги, при необходимости добавив несколько предложений так, чтобы в вашем тексте находились:

1 предложение – заголовок третьего уровня.

2 предложение – полужирного начертания, подчеркнутое.

3 предложение – выделено курсивом.

4 предложение - гарнитура шрифта Verdana, размер шрифта – 2, цвет зеленый.

5 предложение – новый абзац, выровнен по центру.

Просмотрите результаты в браузере.

Вставка изображений.

Для вставки графического изображения применяется тэг <IMG>

Атрибуты тэга <IMG>:

src="URL" URL-адрес файла изображения.

align Выравнивание изображения. Может принимать значения:

left -выравнивание изображения по левой границе экрана браузера;

right -выравнивание изображения по правой границе экрана браузера;

top -выравнивание текста по верхней границе изображения;

middle -выравнивание текста по центру изображения;

bottom -выравнивание текста по нижней границе изображения;

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

absmiddle -выравнивание середины строки относительно середины изображения;

baseline -выравнивание нижней рамки изображения относительно базовой линии текстовой строки;

absbottom -выравнивание нижней границы изображения относительно нижней границы текущей строки.

height Высота картинки в пикселях.

width Ширина картинки в пикселях.

border Ширина рамки вокруг картинки в пикселях (только NN).

Тег <img> пустой, т.е. он содержит только атрибуты и не имеет закрывающего тега.

Чтобы показать изображение на странице, вы должны использовать атрибут src. Src означает "source" - источник. Значение атрибута src - это адрес (URL или Uniform Resource Locator - Унифицированный Указатель Ресурса) изображения, которое вы хотите показать.

Адрес (URL) указывает место, где хранится изображение. Изображение под названием "boat.gif", расположенное в директории "images" на "http://stranica.ru" имеет адрес URL: http:// stranica.ru/images/boat.gif

Атрибуты высоты и ширины указывают высоту и ширину изображения.

Значения атрибутов указываются в пикселях:

<img src="pulpit.jpg" height="228" >

Упражнение.

1. Создайте папку site. В этой папке создайте подпапку под названием images и скопируйте в нее изображения, которые планируете поместить на свой сайт. Скопируйте файл page2.htm в папку site и переименуйте его в index.html

2. Теперь добавим на страницу изображения. Откройте index.html с помощью «Блокнота». После первого абзаца вставьте код:

<img src="images/ имя вашего файла с расширением" >

Просмотрите результат.

3. Добавим параметр размера изображения, например, 100х200 пикселов:

<img src="images/ имя вашего файла с расширением" height="100" >

Просмотрите результат.

4. Добавим параметр выравнивания изображения, например, left

<img src="images/ имя вашего файла с расширением" align=” left” height="100" >

Просмотрите результат.

5. Добавьте на вашу страницу еще 2 изображения с различными параметрами размера и выравнивания.

⇐ Предыдущая 12