Как добавить текст под картинкой в html? Как вставить в текст картинку html


Как вставить в html картинку

blogworkДобавление изображения или фото в HTML не вызовет у вас особых хлопот благодаря этой статье, в ней мы рассмотрим не только вставку картинки в HTML. Например, еще мы научимся вставлять картинку в таблицу и многое другое. Зачем? Потому что картинки — наше все! С ними статьи выглядят лучше, подробнее, качественнее, веселее.

Тег <img> для вставки картинки

Итак, для размещения изображения на веб-странице используется тег <img>, у которого есть атрибуты src и alt. Src показывает браузеру где лежит картинка, а alt это альтернативный текст, который видит пользователь в случае если у него отключены картинки, во время загрузки или если изображение не загружается.

Для XHTML

<img src="" alt="текст для картинки" />

Для HTML4, HTML5

<img src="" alt="текст для картинки" />

Берем и недолго думая вставляем картинку в html. Результат:

Учтите, что тег <img> это строчный элемент. Значит, когда используется XHTML/строгий HTML4, его можно размещать только внутри блочного элемента (<p>, <div>)

<img src="/images/image.jpg" alt="" />

В остальных случаях (HTML4, HTML5) это не обязательно.

Параметры, применяемые к изображениям в HTML

Для того чтобы проводить небольшие манипуляции с изображениями, в HTML используются определенные параметры для картинок. Например:

width – ширина картинкиheight – высота картинки

Вообще, браузер автоматический определяет ширину с высотой и отображает картинку в оригинальном размере, подгоняя под блок, если картинка больше. Если мы выставляем ширину в %, то считаются проценты от родительского блока, если выставляем в пикселях то отображается просто в пикселях. Давайте попробуем использовать вышеобозначенные атрибуты на практике. Например:

<img src="" alt="" />

При несоответствии оригинального размера и указанного в атрибутах, браузер принудительно отображает то, что вы указали. Если вы указываете пропорции отличающиеся от пропорций оригинала, браузер будет искажать картинку. Например:

<img src="" alt="" />

Для решения этой проблемы (например если лень высчитывать пропорции и смотреть оригинальное разрешение), можно указать один параметр по которому браузер и будет высчитывать пропорции. Кстати, не обязательно писать «20px», можно просто написать «20». Идем дальше, на очереди параметр alt.

alt – альтернативный текст (краткое описание изображения)

Несмотря на то что эра медленного интернета прошла и картинки никто не отключает, по этому тегу дополнительно ориентируются поисковые системы ранжируя результаты в поиске по картинкам, а также определяя тематику веб-страницы. Содержание параметра alt не показывается при наведении мышкой на картинку.

Пример HTML-кода:

<img src="" alt="Логотип сайта blogwork.ru" />

Результат:

title – заголовок картинки

Подсвечивается при наведении пользователем мышки на картинку и также используется в поисковой оптимизации.

Пример HTML-кода:

<img title="Вставляем заголовок для картинки" src="" alt="" />

Результат:

Следующие атрибуты это vspace, hspace и border.

vspace – этот атрибут задает отступ по вертикали между изображением и текстом вокруг (в пикселях)

hspace – этот атрибут задает отступ по горизонтали между изображением и текстом вокруг (в пикселях)

border – этот атрибут задает рамку вокруг картинки (в пикселях)

Пример HTML-кода:

<img src="" alt="" border="10" hspace="20" vspace="5" />

Результат:

align – (right, left, middle) этот атрибут выравнивает изображение по одному из краев, либо по центру

Код:

<img src="" alt="" align="right" />

Результат:

 

 

 

Помимо этого можно использовать обычный атрибут style, если вам так хочется:

<img src="" alt="" />

Вот что получится:

Сайты иногда присваивают картинкам классы в эстетических целях, чтобы все картинки имели одинаковый стиль обрамления (например, какие-нибудь красивые border). В .css файле задается общий параметр для одного класса, например, pic. Затем он указывается в HTML:

<img src="" alt="" />

На этом базовая часть теории закончена, перейдем к дополнительным возможностям.

Читайте также:

Размещаем изображение с чужого сайта

Можно ли вставить картинку с чужого сайта? Можно. Это называется хотлинк (hotlink). Не все вебмастера это любят и позволяют делать, потому что картинка подгружается с чужого хостинга и если мы все начнем подгружать картинки с чужого хостинга, а он будет слабым и вообще не предназначенным для этого (как специальные сайты-хостинги картинок) то будет печаль. Но Вконтакте не такой. Вот смотрите, захожу в чужие сохраненные картинки Вконтакте и вставляю в html прямо на этой странице:

Как я это сделал? Очень просто:

<img src="" alt="" />

По поводу хотлинкинга. Еще можно вставить картинку напрямую с хостинга изображений, но в отличие от вебмастеров препятствующих хотлинку, фотохостинги стремятся заработать на этом. А значит кода для вставки изображения вам будет дан код, ведущий на HTML-страницу, при переходе на которую будет показывать реклама. Смотрите в оба!

Как вставить картинку в таблицу на веб-странице

Сделать это очень просто — достаточно поместить <img> внутри тега ячейки <td>

<table border="0" cellspacing="0" cellpadding="0"><tbody><tr><td><img src="" alt="" /></td><td><img src="" alt="" /></td></tr><tr><td><img src="" alt="" /></td><td><img src="" alt="" /></td></tr></tbody></table>

А вот результат:

Как вставить картинку, сделав ее в качестве фона html страницы

Для этого вам нужно указать в параметре background тега body путь к картинке, которую вы хотите сделать фоном страницы (пропишите путь к картинке, как и при обычном размещении):

<body bgcolor="#000000" background="http://.../background.jpg"></body>

В качестве страховки от того что картинка не будет загружать можно оставить bgcolor.

Бонус — почему может не показывается картинка, если вы «все правильно указали»?

В заключении расскажу о нюансе, с которым я сталкивался лично. Называется он несоответствие расширения файла.

Бывает, что хостинг или движок сайта не видит разницы в регистре между html-kartinka.png и html-kartinka.PNG. А, бывает что разница есть и поэтому картинга не загружается. Еще обратите внимание на сам файл, ведь он может быть html-kartinka.jpg, а может быть и html-kartinka.jpeg. Внимательнее!

Сидишь под вечер голову ломаешь, а там все легко. И проверить просто, — достаточно заглянуть на хостинг:

картинки на хостинге

blogwork.ru

Изображения в HTML. Как вставить картинку, задать ей размер и выровнять на странице?

Вставка изображения

HTML позволяет разнообразить содержимое страницы с помощью добавления изображений. Для этого существует элемент <img>, который не требует указания закрывающего тега. Он имеет ряд атрибутов, позволяющих определить: откуда загрузить картинку, какого она размера, как задать её выравнивание и обтекание текстом. Всё это будет рассмотрено в данной статье.

Тег <img> предназначен для вставки изображений, имеющих форматы JPEG (сокр. JPG), PNG или GIF. Место расположения картинки указывается в атрибуте src. Путь должен быть относительным или абсолютным URL-адресом.

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Пример вставки изображения в страницу</title> </head> <body> <h4>Логотип CoderBooster</h4> <img src="https://coder-booster.ru/images/main-logo.png"> </body> </html>

Выравнивание и обтекание текстом

Вставка картинки внутрь строки приводит к неожиданному результату. Она ломает отображение обрамляющего текста. Выглядит это так, как будто внутрь строки вставлена другая, но с очень большим шрифтом. Текст разбивается случайным образом и может по кускам распределиться вокруг изображения.

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Вставка картинки внутрь строки</title> </head> <body> <!-- Блоку div мы задали ширину для наглядности примера --> <div> <p>Этот текст будет поломан вставленным в него изображением <img src="https://coder-booster.ru/images/main-logo.png"> нашего ресурса</p> </div> </body> </html> рис 1. Изображение ломает обрамляющий текст

Для решения проблемы нужно задать выравнивание изображению. В HTML это происходит с помощью атрибута align. Современные стандарты требуют использовать CSS для выравнивания, поэтому мы рассмотрим только два значения атрибута align.

  • left — изображение будет перемещено к левому краю контейнера, а текст станет обтекать его справа.
  • right — выравнивание картинки происходит по правому краю контейнера, а текст обтекает её слева.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Выравнивание изображения с помощью атрибута</title> </head> <body> <!-- Блокe div мы задали ширину для наглядности примера --> <div> <p>Этот текст будет обрамлять логотип нашего ресурса <img align="right" src="https://coder-booster.ru/images/main-logo.png"> с левой стороны</p> </div> </body> </html> рис 2. Изображение выровнено по правому краю

Размер изображения

Важно понимать, что реальный размер изображения может не соответствовать пространству, отведенному на HTML-странице. Элементу <img> можно задать атрибуты width (ширина) и height (высота). Они явным образом определяют размеры, которые будет иметь картинка после загрузки.

Значения атрибутов width и height задаются в пикселях или в процентах. Если размеры изображения заданы в процентах, то занимаемое пространство рассчитывается относительно родительского элемента. Выражение, в котором высота картинки задана в процентах, а ширина в пикселях может выглядеть следующим образом «<img src="test.html">».

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Изменение размера изображения с помощью атрибута</title> </head> <body> <img src="some-test.html"> </body> </html>

Если вы укажете только один из атрибутов размера, то второй вычисляется автоматически исходя из соображений сохранения пропорции.

Если для изображения указаны размеры, превышающие реальные, картинка получится растянутой. Аналогично если указать меньший размер, картинка сожмется. С исходным изображением ничего не произойдет. Преобразования затрагивают только копию, которая была загружена в браузер.

Заметка На самом деле необходимо указывать размеры для всех изображений. Неважно используете ли вы для этого атрибуты или CSS. Браузер сможет определить отведенное пространство для картинки еще до её загрузки, что предотвратит ужасные дерганья страницы.

Альтернативный текст

Стандарты W3C (аббр. Консорциум всемирной паутины) требуют добавления к каждому элементу <img> специального атрибута alt. Его значение должно содержать альтернативный текст, который в краткой форме описывает содержимое изображения. Это необходимо для лучшей индексации картинок поисковыми системами, а люди, использующие экранные дикторы, смогут понять их содержимое. Также этот текст будет показан пользователю вместо изображения, если браузер не сможет его загрузить.

coder-booster.ru

Как добавить текст под картинкой в html?

В данной статье рассмотрим способы размещения текста под картинкой в html документе. Существует несколько разных вариантов как выполнить данную задачу.

Начнем с самого правильного и нового.

В html 5 добавлен новый тег <figure>. Данный тег используется для разметки независимого блока с демонстрационными материалами будь то, графики, изображения, куски кода и т.д.

Такие материалы сопровождаются подписями - комментариями разъясняющими информацию на изображении. Для этих целей используется тег <figcaption> который размещается внутри <figure> в начале или в конце.

Посмотрим на новые теги в действии.

<figure> <img src="up.png"> <figcaption>текст под картинкой</figcaption> </figure>

Внутри тега <figure> мы разместили картинку и подпись. Теперь применим CSS стили.

figure{ position: relative; width: 300px; margin: 20px auto; border-radius: 5px; box-shadow: 0 0 5px #999999; } .image figcaption{ padding: 15px 5%; text-align: center; } /*если картинка больше чем 300px, то стоит добавить еще и эти стили*/ figure img{ width: 300px; }

В итоге получаем картинку с размещенной подписью под ней.

текст под картинкой

Полный пример кода страницы с картинкой.

<html> <body> <head> <style> figure{ position: relative; width: 300px; margin: 20px auto; border-radius: 5px; box-shadow: 0 0 5px #999999; } figure img{ width: 300px; } .image figcaption{ padding: 15px 5%; text-align: center; } </style> </head> <figure> <img src="3.jpg"> <figcaption>текст под картинкой</figcaption> </figure> </body> </html>

Переместив тег с описанием над картинкой, мы получим подпись над изображение.

Рассмотрим еще один способ добавления подписи под изображение с помощью html таблиц.

Создадим простую таблицу с двумя строками содержащих 1 ячейку.

<table> <tr><td><img src="kotik.png"></td></tr> <tr><td>текст под картинкой</td></tr> </table>

Применим стили для текста и изображения.

td{ text-align: center; // выравнивание текста по центру } td img{ width: 300px; // ширина картинки в ячейке }
текст под картинкой

Данный способ так же имеет право на существование и даже много где используется, однако лучше использовать первый способ с <figure> и <figcaption>

Надеюсь , что статья была Вам полезна. До новых встреч!

Может быть полезно

goodweb.me

Как вставить картинку в html страницу

Текстовое содержимое веб-страницы является частью HTML-документа, окруженной тегами, определяющими смысл и цель каждой части текста. Изображения, с другой стороны, являются внешними файлами и фактически не являются частью веб-страницы. Изображения на страницу встраиваются с помощью тега <img>. Отображение веб-страницы, которая включает в себя изображения, представляет собой двухэтапный процесс: сначала браузер загружает разметку, а затем загружает внешние изображения. Везде, где в коде HTML-документа расположен тег <img>, браузер запрашивает с веб-сервера файл, на который ссылается тег, и отображает его на месте тега.

Как вставить картинку

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

Браузеры обрабатывают картинки, как строчные элементы, поэтому они будут располагаться на одной строке с текстом или другими строчными элементами (включая другие картинки):

<html> <body> <p> Это смайлик:<img src="smile.jpg">, он улыбается. </p> </body> </html> Попробовать »

Альтернативный текст и всплывающая подсказка

Атрибут alt является еще одним обязательным атрибутом HTML тега <img>, он предоставляет альтернативный текст, отображаемый когда изображение недоступно. Это может произойти к примеру из-за того, что неверно указано расширение изображения, неправильно прописан путь и т.д.

<html> <body> <p> <img src="slon.jpg" alt="На картинке нарисован слон"> </p> </body> </html> Попробовать »

Текст атрибута alt должен быть значимой заменой картинки, поэтому вы должны попытаться описать, что изображено на картинке. Хорошо написанный альтернативный текст может информировать пользователя, что отсутствующее изображение это логотип, фотография, иллюстрация, портрет, пейзаж, эскиз, карта, диаграмма и так далее.

Картинки, которые не относятся к основному содержимому страницы, а имеют чисто декоративный характер, тоже должны иметь атрибут alt, но вместо описания их декоративных свойств его значение можно оставить пустым (alt="").

Примечание: если вам нужно добавить всплывающую подсказку, с дополнительным описанием к картинке, то вы можете воспользоваться глобальным атрибутом title: <html> <body> <p> Это смайлик:<img src="smile.jpg" title="улыбающийся смайлик">, он улыбается. </p> </body> </html> Попробовать »

Чтобы увидеть всплывающую подсказку, то есть информацию, размещённую в атрибуте title, надо навести курсор мыши на картинку.

С этой темой смотрят:

puzzleweb.ru

Как вставить картинку в HTML

Чтобы отобразить какую-нибудь картинку на веб-странице, необходим тег <img>. Данный тег является одиночным и строчным, а также имеет два обязательных атрибута src и alt:

<img src="image.jpg" alt="Альтернативный текст">

При помощи атрибута src указывается путь к картинке. При помощи атрибута alt указывается альтернативный текст для картинки. Если картинка по каким либо причинам не отобразится на веб-странице, то вместо нее вы увидите альтернативный текст:

Альтернативный текст

Также для изображения рекомендуется указывать ширину и высоту, это позволит браузеру быстрее загружать изображения на веб-страницу. Указывать ширину и высоту можно при помощи каскадных таблиц стилей, либо при помощи атрибутов width (ширина) и height (высота):

<img src="image.jpg" alt="Альтернативный текст">

Единицами измерения по умолчанию служат пиксели, и в html-коде для ширины и высоты изображения их указывать не нужно.

Как записать путь к изображению

Если изображение и файл, в котором прописан путь к этому изображению, лежат в одной папке:

Путь к изображению

то путь будет состоять из названия изображения и его расширения:

<img src="car.jpg" alt="">

Если картинку перенести в папку img:

Путь к изображению

то путь к ней будет начинаться с названия папки, в которой она находится:

<img src="img/car.jpg" alt="">

Если файл index.html поместить в папку files:

Путь к изображению

то путь к изображению будет начинаться с конструкции ../:

<img src="../img/car.jpg" alt="">

Если папку files, содержащую файл index.html положить еще в одну папку, то путь станет таким:

<img src="../../img/car.jpg" alt="">

и т.д.

Всплывающая подсказка

В этом уроке познакомимся с еще одним очень полезным атрибутом, который можно применять практически ко всем тегам – это атрибут title, он служит для отображения всплывающей подсказки. Например:

<img src="car.jpg" alt="Альтернативный текст" title="Автомобиль">

Если навести курсор на картинку, то появится всплывающая подсказка:

Всплывающая подсказка

Видео к уроку

psd-html-css.ru

Как вставить изображение в HTML, тег img и его атрибуты

Здравствуйте, уважаемые читатели сайта Uspei.com. Сегодня перейдем к более интересной теме, а именно вставка изображений. Для того, чтобы наш браузер быстро загружал и открывал страницу с картинкой нам нужно ОПТИМИЗИРОВАННОЕ изображение (о том для чего и как оптимизировать изображения читайте тут). Для того, что бы скачать такое заранее оптимизированное изображение перейдите по ссылке и сохраните эту картинку, нажав правой клавишей мыши и выбрав "Сохранить картинку как".

К оглавлению ↑

Тег <img> и расположение папки с изображениями

Для хранения изображений мы в нашей папке HTML создадим еще одну папку "Images", и поместим картинку туда.

создадим папку "Images",  и поместим картинку туда

Давайте попробуем вставить нашу картинку с изображением между заголовком и первым абзацем. Для этого в коде пропишем наш тег <img>. Это сокращение от английского слова image – изображение и это одинарный тег.

Сам тег <img> браузеру ничего особо не говорит. Поэтому мы должны обязательно указать атрибуты для тега. Самый главный из атрибутов – это атрибут src – источник. Мы должны указать источник нашей картинки. В нашем случае картинка находится внутри папки images относительно папки HTML. Т.е. нам необходимо указать, что наша картинка alarm.jpg находится в папке images. И вот как это выглядит.

<img src="images/alarm.jpg">

При таком указании атрибута для тега <img>, браузер при встрече с данным кодом, зайдет в папку images и возьмет файл – картинку alarm.jpg.

Но это еще не все. Желательно также указать еще и ширину с высотой данной картинки, потому что браузер должен точно знать, сколько места отвести под это изображение, и вся загрузка будет происходить быстрее и самое главное без смещений блоков.

К оглавлению ↑

Атрибуты ширины width и высоты height

Атрибуты ширины width и высоты height у изображенияЕсли же мы не укажем размеры, браузер также отобразит картинку правильно, но это займет у него чуть больше времени, потому что ему придется сначала загрузить картинку и только после этого он сможет определить, сколько места ему нужно выделить. Если же указать размеры для изображения изначально, то это браузеру упростит задачу. Кроме того, изменив в коде размер изображения, браузер также изменит его размеры согласно указанным размерам.

Чтобы узнать размер картинки, нажмите по ней правой кнопкой мыши и выберите пункт меню «Свойства». Далее перейдите на вкладку «Подробно».

Как видно, ширина у картинки 307 пикселей, а высота – 450 пикселей. Давайте пропишем размеры в коде:

<img src="images/alarm.jpg"> К оглавлению ↑

Атрибут alt для альтернативной подписи

Еще один атрибут тега <img>, который желательно указывать при добавлении изображения – это alt. Он предназначен для тех пользователей интернет, у кого отображение картинок в браузере отключено. Т.е. если картинки в браузере будут отключены, вместо нашей картинки пользователь увидит то слово или словосочетание, которое мы пропишем для атрибута alt. Кроме того, поисковые системы при определении ценности вашего сайта ориентируются на атрибут alt у изображений, поэтому его постановка обязательна.

<img src="images/alarm.jpg" width = "307" alt="Будильник">

Эти четыре атрибута для тега <img> желательно указывать при добавлении на страницу картинок. Еще раз укажу эти четыре атрибута: источник, ширина, высота и альтернативный текст.

Давайте проверим отображение:

Результат img

Рисунок у нас появился именно в том месте, где и должен был. Но если вы заметили, хотя картинка у нас всего 307 пикселей в ширину, браузер отводит ей всю строку полностью. Очень часто возникает задача сделать так, чтобы текст после картинки обтекал ее, т.е. встал на одной строке с ней. Такая возможность существует. Реализуется она при помощи знакомого нам атрибута align – выравнивание.

К оглавлению ↑

Атрибут align для выравнивания изображения

Данный атрибут применим для нашего тега <img>. Для этой картинки мы можем указать выравнивание по правому краю (right), тогда картинка уйдет в правую часть экрана, и текст ее будет обтекать слева. Или мы можем указать выравнивание по левому краю (left) – тогда картинка уйдет в левую часть экрана, и текст будет обтекать ее справа. Давайте пропишем выравнивание по левому краю для нашего тега <img>.

<img src="images/alarm.jpg" width = "307" alt="Будильник" align="left">

Теперь давайте проверим, что получилось в браузере.

align="left" Выравнивание по левому краю

Видно, что текст обтекает картинку с правой стороны, потому что мы дали для картинки выравнивание по левому краю. Теперь давайте изменим выравнивание на правый край.

<img src="images/alarm.jpg" width = "307" alt="Будильник" align="right">

align="right" Выравнивание по правому краю

К оглавлению ↑

Атрибут title для всплывающей подсказки

И наконец также один из самых важных атрибутов - "title" - он делает подсказку для изображения при наведении на него мышкой.

<img src="images/alarm.jpg" width = "307" alt="Будильник" align="right" title="Изображение старого будильника ">

Подсказка к изображению

До встречи! Успевайте всё и всегда на страницах блога Uspei.com

Твитнуть

Поделиться

Плюсануть

Поделиться

Класснуть

Линкануть

Запинить

Буду благодарен, если поделитесь новостью в соцсетях

uspei.com

Как вставить картинку в HTML.

Вряд ли можно создать красивый и стильный сайт без использования графических элементов – картинок. Сегодня мы как раз узнаем, как можно вставить картинку в HTML.

На самом деле, все, что вам необходимо знать – это всего один html-тег, который отвечает за вывод изображения — <img>. Однако, этот тег имеет несколько атрибутов, без которых нам не обойтись. Итак, давайте рассмотрим простейший пример вставки картинки в HTML:

Как вставить картинку в HTML

В данном примере помимо основного тега img мы использовали обязательный атрибут src, который указывает на адрес картинки. Само изображение может быть размещено как на сервере, где расположен сайт, так и на других внешних серверах (сайтах). В последнем случае нам необходимо задать полный путь к изображению:

1 <img src='http://anothersite.com/auto.png'>

Если вы не укажете содержимое атрибута src, то браузер ничего не отобразит.

Рассмотрим другие необязательные атрибуты (свойства) изображения:

width – ширина картинки

height – высота картинки

Если мы не указываем данные свойства, то браузер отобразит изображение в его оригинальном размере, то есть он определит его высоту и ширину автоматически. На это уходит небольшое время, однако в качестве оптимизации скорости загрузки страниц все же рекомендуется указывать размеры явно. Например:

1 <img src='auto.png' width ='300' >

Мы указали, что изображение имеет ширину в 300 пикселей и высоту в 100 пикселей. Если картинка имеет большие размеры, то браузер принудительно уменьшит ее размер.

alt – атрибут, в котором указывается альтернативный текст – краткое описание того, о чем картинка. Сейчас, наверное, уже сложно найти пользователя, который отключает в своем браузере показ изображений. Раньше это делали из-за низкоскоростного интернета, но сейчас это уже в прошлом. Если пользователь отключает отображение картинок, то браузер вместо изображения отображает альтернативный текст. Специалисты по поисковой оптимизации до сих пор рекомендуют заполнять альтернативные теги для картинок, так как поисковые системы также используют его для определения тематики данной страницы. Помимо этого есть большая вероятность, что ваши изображения будут участвовать в поиске по картинкам, и вы сможете получать дополнительный трафик на свой сайт.

title – краткий заголовок картинки. Также имеет важно значение для поисковой оптимизации.

vspace – атрибут задает отступ в пикселях по вертикали между картинкой и окружающим текстом.

hspace – задает отступ по горизонтали

border – рамка вокруг картинки в пикселях. По умолчанию его значение равно 0.

Вот пример использования всех описанных атрибутов:

1 <img src='auto.png' alt='новая модель автомобиля KIA' title='KIA' hspace='5' vspace='5' border = '1'>

Другие посты

poleshuk.ru