[ Обновленные темы · Новые сообщения · Участники · Правила форума · Поиск · RSS ]

  • Страница 1 из 1
  • 1
Форум » Интернет » Всё для создания WEB сайта » Веб-строительство » Как вставить картинку в html?
Как вставить картинку в html?
Ингвар
(3343) Вне сайта
Дата: 27.08.2013, 07:08:18 | Сообщение № 1
Генералиссимус
Репутация: 6
Награды: 2
Для добавления изображения в документ применяется тег <img>, его атрибут src определяет путь к графическому файлу, который должен быть в формате GIF, PNG или JPEG. Также для тега <img> необходимо указать обязательный атрибут alt, он описывает альтернативный текст видимый в процессе загрузки изображения или при отключении картинок в браузере.

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

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

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

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

width — ширина картинки в пикселах или процентах;

height — высота картинки в пикселах или процентах.

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

< img src="logo.jpg" width="50" height="20">

или

< img src="logo.jpg" width="10%" height="5%">

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

left — изображение располагается у левого края страницы, а текст обтекает картинку справа;

right — изображение располагается у правого края страницы, а текст и другие элементы обтекают картинку слева.

< img src="logo.jpg" align="left">

< img src="logo.jpg" align="right">

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

vspace — создает верхний и нижний отступы;

hspace — создает боковые отступы (слева и справа).

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

< img src="logo.jpg" align="left" vspace="5" hspace="20">

Вокруг картинок можно создать чёрную рамку с помощью атрибута border. Значение этого атрибута указывается в пикселах и определяет толщину рамки. Например, HTML-код

< img src="logo.jpg" border="5">
Ответить



Форум » Интернет » Всё для создания WEB сайта » Веб-строительство » Как вставить картинку в html?
  • Страница 1 из 1
  • 1
Поиск:

Рейтинг@Mail.ru HotLog