www html, html уроки, html теги, css, верстка
Уроки книги по css и html урокам вопросы и ответы Помощь сайту дизайн-студия Шутовой Елены
Главная страница > Уроки > Имаги > Вставка рисунков

Вставка рисунков

контентовая версия  

Для встраивания Имаги в файл используется тег <IMG>, имеющий обязательный параметр src, который определяет адрес файла с картинкой и alt, определяющий альтернативный контент.

Общий синтаксис добавления Имаги следующий.

<img src="URL" alt="альтернативный контент">

Закрывающий тег не требуется, URL (Universal Resource Locator, универсальный указатель ресурсов) представляет собой путь к графическому файлу. Для его указания можно использовать как абсолютный, так и относительный адрес.

просмотрим несколько указаний пути к рисунку для размещения его на web-странице. Для примера возьмем файл с рисунком, показанным ниже, он имеется ввиду sample.gif и размещается в папке images корня с нашего сайта.

В примере 1 показано несколько способов добавления рисунка на web-страницу.

Пример 1. Вставка Имаги в файл

Валидный код
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/HTML4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Имаги</title>
</head>
<body>

<p><img src="http://www.www-html.ru/images/sample.gif" alt="Это абсолютный адрес размещения Имаги"></p>
<p><img src="/images/sample.gif" alt="Адрес размещения Имаги относительно корня с нашего сайта"></p>
<p><img src="images/sample.gif" alt="Адрес размещения Имаги относительно текущего ШТМЛ-объекта"></p>

</body>
</html>

Как правило, в качестве формата графического файла выступает GIF и JPEG.

Статья опубликована: 06.09.2009 Последнее обновление: 16.04.2009
Поиск по сайту
Имаги
Разделы
Теги по теме

IMG
Тег IMG предназначен для отображения на web-странице рисунков в графическом формате GIF, JPEG или PNG.

Copyright 2009 Все права защищены

О нашем Internet проекте | Наши планы | Контент нашего сайта | Есть ошибки... | Технологии | Поддержать проект