Размещение изображений
Для размещения изображений в 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>.
