Фестиваль профессиональных веб-разработчиков
В начале октября, в отеле «Холидей Инн» прошел четвертый Фестиваль профессиональных веб разработчиков «404»

Окт 5, 2011

Изображения на веб-сайте. Часть ii. Методы размещения.

Чтобы графические элементы сайта загружались одновременно со страницей, а затем корректно отображались в браузере, они должны находиться в отдельной папке, для удобства названной images или просто img. Далее папка img копируется в каталог с html-страницами. Теперь можно задуматься о том, как внедрить изображения в веб-страницы.

Для размещения графической информации на сайте применяется тег и атрибут SRC: . Применимо для папки img код примет следующий вид: , где site - имя корневой папки, в которой располагается сайт; img - каталог с изображениями; picture.gif - размещаемый графический файл. Закрывающий тег не используется.

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

Атрибуты тега .

Атрибут SRC отвечает за указание адреса файла. Но кроме него,существуют ряд других атрибутов, отвечающих за нюансы размещения (подпись рисунка, способ выравнивания и так далее).

Атрибут ALIGN служит для установления способа выравнивания картинки (значения left и right, top, middle, bottom)

С помощью ALT добавляется комментарий, отображаемый во время отключения показа графики в веб-браузере.

Страница: 1 из 2    -   --->

Навигация: 1  2  

Другие статьи по теме:

- Графика для web
- Изображения на веб-сайте. Часть i. Форматы.
- Рисунок сотен слов дороже нам
- Рендер как основа визуализации
- Движение - это жизнь

Много нового и интересного на сайте зимних Олимпийских игр в Сочи. Относительно недавно дизайн на проекте был кардинально обновлен.
Всемирное известное издание ARTCOM Media Group про дизайн и архитектуру выпустили журнал INTERNI.
Совсем недавно вышла книга, посвященная самой известной петербургской «Мухе», самой старой в Петербурге школе дизайна.
     Верстка | Анимация | Веб-Дизайн | HTML и CSS | Основы веб-графики
2003-2014 © sredaboom.ru
карта сайта обратная связь на главную