Разделы

Как добавить картинку на веб-страницу?

Для добавления изображения в документ применяется тег <IMG>, его параметр src определяет путь к графическому файлу, который должен быть в формате GIF, PNG или JPEG. Также для тега <IMG> необходимо указать обязательный параметр alt, он описывает альтернативный текст, видимый при загрузке изображения или отключении картинок в браузере.

В HTML
 <img src="путь к файлу" alt="альтернативный текст">
В XHTML
 <img src="путь к файлу" alt="альтернативный текст" />

Если графический файл находится в одной папке с HTML-документом, то в качестве пути достаточно указать только имя файла (пример 1).

Пример 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="dzen.png" alt="Письма мастера дзен"></p>
 </body>
</html>

Учтите, что когда на странице применяется строгий <!DOCTYPE>, тег <IMG> допустимо размещать только внутри блочных элементов вроде <P> или <DIV>.

Arturgo, 02.12.2008

Скажите пожалуйста, а как ставить рисунок, если он у меня находится в той же папке, где и сама страница в которую надо помистить, в свойствах этого рисунка указывается размещение: C:\Documents and Settings\Artur_Go\Рабочий стол\html документ, а сам рисунок называется Arturgo нарисованный в обыяном paint, пожалуйста напишите для меня какой адрес нужно вводить после тэгов "<img src=...", а то я сколько учебников не читал, всёравно не понял, помогите пожалуйста, напишите для меня адресс в соответствии с вышеприведёнными данными, а я уже по этому адресу может пойму как и другие картины так встраивать.
Заранее большое спасибо!

Arturgo@mail.ru, 02.12.2008

Я забыл написать mail, пожалуста отправьте ответ на мой mail: Arturgo@mail.ru, а то срочно надо, буду крайне благодарен.

ГостьВалерий, 02.05.2009

Не получается увидеть фото на веб-странице. Указывается только его название.

karine, 30.09.2010

Скажите пожалуйста можно ли добавить картинки вышеуказанным методом на сайт odnoklassniki.ru Я пробовала вставить код картинка появлялась в окне но при отправке тут же исчезала? Заранее благодарна вам!

Admin, 06.10.2010

На одноклассниках картинки таким образом не вставляются

Разделы

Термины

Как добавить картинку на веб-страницу?

Отправить комментарий