Изображения

Самым распространенным типом связываемых с веб-страницами объектов являются графические изображения. Пусть это будет ваша персональная страничка или сайт рекламирующий товар. Чему бы он не посвящался без картинок он будет скучным веб-листком. Для того чтобы поместить картинку в нужную часть страницы, применяется тег <img> Он не имеет конечного тега и имеет обязательный атрибут src

Элемент <img> не может фигурировать непосредственно в контейнере документа <body>...</body> - его нужно заключить в любой блочный элемент, например, <p>...</p>

Тег <img> имеет обязательные атрибуты src (связывает страницу с картинкой) и alt (текстовое описание рисунка).

Чтобы картинка отображалась на вашей страничке, нужно указать путь и название к файлу:

<img src="foto.gif"> — файл находится в одной директории с веб-страницей.

<img src="img/foto.gif"> — файл находится в директории img.

Значение атрибута alt отображает текст в случае, когда браузером еще не загружена картинка или пользователем отключена графика.

<img src="foto.gif" alt="описание">

Дополнительно можно использовать атрибут align для выравнивания по горизонтали, а так же
атрибут height — определяют ширину изображения и
атрибут width — определяет высоту изображения
определять размеры лучше в пикселях, если указанные значения не совпадают c размером изображения, то качество изображения реально может ухудшиться.

Пример:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Пример</title>
</head>
<body>
<p><img src="foto.gif" width="100" height="100" alt="описание" align="center"></p>
</body>
</html>

Когда веб-страниц две и более, то их желательно связать между собой ссылками :) Далее, Вы, узнаете каким образом определяются гипертекстовые ссылки (основа идеологии Всемирной паутины) в HTML.

Mini-Site Generator PRO ver.2.0 - Генератор создания сайтов