Основы работы с HTML

Размещение изображений


Для размещения изображений в HTML используется тег <img> с использованием обязательного атрибута src (от source – источник), который указывает URL-адрес загружаемого файла с изображением.

Синтаксис определения изображения:

<img src="url">

URL указывает на то место, где хранится изображение. В следующем примере на Web-странице выводится изображение логотипа интернет университета информационных технологий, расположенное в каталоге "img" на сервере "www.intuit.ru" (URL: http://www.intuit.ru/img/logo.gif).

<html> <body>

<img src="http://www.intuit.ru/img/logo.gif">

</body> </html>

Пример выполнения данного HTML-кода

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

<html> <body>

<p>Первый параграф</p> <img src="http://www.intuit.ru/img/logo.gif"> <P>Второй параграф</p>

</body> </html>

Пример выполнения данного HTML-кода

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

<html> <body>

<p>В этом примере изображение <img src="http://www.intuit.ru/img/logo.gif"> размещено прямо внутри параграфа</p>

</body> </html>

Пример выполнения данного HTML-кода

Формат изображения, его расположение и ряд других параметров задается при помощи атрибутов тега <img>.



Содержание раздела