SlideShare a Scribd company logo
1 of 2
Элемент img вставляет изображение втекстовый поток.Закрывающего тега этот элемент не имеет.
У этого элемента есть один обязательный атрибут src и ряд необязательных(приведем основные).
src = url Адрес графического файла
alt = текст Альтернативный текст; "всплывает" при наведении
курсора мыши на изображение;выводится в пустой
рамке режиме браузера без загрузки графики
border= значение Толщина обрамляющей рамки впикселах; 0 означает
отсутствие рамки.
По умолчанию border=0,если изображение не
является гиперссылкой,и border=2 в противном
случае
height= значение Высота изображения впикселах(по умолчанию
оригинальная) или впроцентах от высоты окна
браузера
width= значение Ширина изображения впикселах(по умолчанию
оригинальная) или в процентах от ширины окна
браузера
align= значение Выравнивание изображения по горизонтали или
вертикали.
Значения texttop, abscenter,center, bottom,
absbottom обеспечиваютразличные варианты
вертикального выравнивания относительно текстовой
строки;при применении этих значений вставленное
изображение разрываеттекстовый поток.
Если заданы значения leftлибо right, изображение
соответствующим образом будет выровнено по
горизонтали;задание этих значений обеспечивает
обтекание изображения текстом
hspace= значение Свободное пространство слева и справа от
изображения впикселах
vspace= значение Свободное пространство сверху и снизу от
изображения впикселах
usemap= #имя Указывается имя карты (см.элемент map), задающей
в данном изображении области,чувствительные к
щелчку мыши
id, style, class, title,
onClick, onDblClick, onKeyDown,
onKeyPress, onKeyUp,
onMouseDown, onMouseMove,
onMouseOut, onMouseOver,
onMouseUp, dir, lang
необязательные атрибуты,описаны в разделе
"Концепции HTML 4+".
Несмотря на то, что формально обязательнымявляется только атрибут src, на практике обязательно
следует указывать и альтернативный текст ( атрибут alt ), особенно если изображение представляетсобой
навигационный элемент.Ведь многие работаютс браузером в режиме без загрузки изображений,особенно
когда связь плохая, и документ загружается долго. К тому же, до сих пор существуют браузеры, не
поддерживающие графики.
Значения атрибута borderтоже лучше указывать явным образом,не полагаясь на умолчания.Умолчания у
большинства браузеровтакие: border=0 , если изображение не является зоной гиперссылки,и border=2 в
противном случае. Таким образом,не указавявным образом значение border и задавгиперссылку,не
удивляйтесь, появлению вокруг изображения рамки ( цвет ее тот же, что и у текстовых гиперссылок ).
Само наличие атрибутов heightи width говорит о возможности масштабирования исходного
изображения.Увеличивать исходное изображение бессмысленно,посколькуэто всегда ведет к потере
качества. Масштабирование изображений всторону увеличения применяется вособых случаях, когда
необходимо вывести цветные полосы либо прозрачные "распорки"строго определенной ширины и высоты.
При этом достаточно изготовить изображение размером 1х1 пиксел (нужного цвета или прозрачное) и
вставить в документ, задав необходимые размеры.

More Related Content

Similar to графика (6)

Изображения на веб-страницах
Изображения на веб-страницахИзображения на веб-страницах
Изображения на веб-страницах
 
Мировые информационные ресурсы. Лекция 4
Мировые информационные ресурсы. Лекция 4Мировые информационные ресурсы. Лекция 4
Мировые информационные ресурсы. Лекция 4
 
Язык HTML
Язык HTMLЯзык HTML
Язык HTML
 
Язык HTML
Язык HTMLЯзык HTML
Язык HTML
 
презентация 6
презентация 6презентация 6
презентация 6
 
Наполнение сайта. Руководство
Наполнение сайта. РуководствоНаполнение сайта. Руководство
Наполнение сайта. Руководство
 

More from sivorka

презентация введение Html5
презентация   введение Html5презентация   введение Html5
презентация введение Html5
sivorka
 
001 ef(presentation)
001 ef(presentation)001 ef(presentation)
001 ef(presentation)
sivorka
 
000 introduction
000 introduction000 introduction
000 introduction
sivorka
 

More from sivorka (16)

презентация введение Css3
презентация   введение Css3презентация   введение Css3
презентация введение Css3
 
Vvedenie html5
Vvedenie html5Vvedenie html5
Vvedenie html5
 
блочная верстка
блочная версткаблочная верстка
блочная верстка
 
презентация введение Html5
презентация   введение Html5презентация   введение Html5
презентация введение Html5
 
001 ef(presentation)
001 ef(presentation)001 ef(presentation)
001 ef(presentation)
 
презентация предcтавления и компоновки
презентация   предcтавления и компоновкипрезентация   предcтавления и компоновки
презентация предcтавления и компоновки
 
презентация маршрутизация и области
презентация   маршрутизация и областипрезентация   маршрутизация и области
презентация маршрутизация и области
 
локализация и маршрутизация презентация
локализация и маршрутизация   презентациялокализация и маршрутизация   презентация
локализация и маршрутизация презентация
 
презентация безопасность в Mvc
презентация   безопасность в Mvcпрезентация   безопасность в Mvc
презентация безопасность в Mvc
 
основы Ajax презентация
основы Ajax   презентацияосновы Ajax   презентация
основы Ajax презентация
 
привязка данных презентация
привязка данных   презентацияпривязка данных   презентация
привязка данных презентация
 
навигация и валидаторы презентация
навигация и валидаторы   презентациянавигация и валидаторы   презентация
навигация и валидаторы презентация
 
презентация привязка модели и валидация данных
презентация   привязка модели и валидация данныхпрезентация   привязка модели и валидация данных
презентация привязка модели и валидация данных
 
05 cерверные элементы управления презентация
05 cерверные элементы управления   презентация05 cерверные элементы управления   презентация
05 cерверные элементы управления презентация
 
001 hosting
001 hosting001 hosting
001 hosting
 
000 introduction
000 introduction000 introduction
000 introduction
 

графика

  • 1. Элемент img вставляет изображение втекстовый поток.Закрывающего тега этот элемент не имеет. У этого элемента есть один обязательный атрибут src и ряд необязательных(приведем основные). src = url Адрес графического файла alt = текст Альтернативный текст; "всплывает" при наведении курсора мыши на изображение;выводится в пустой рамке режиме браузера без загрузки графики border= значение Толщина обрамляющей рамки впикселах; 0 означает отсутствие рамки. По умолчанию border=0,если изображение не является гиперссылкой,и border=2 в противном случае height= значение Высота изображения впикселах(по умолчанию оригинальная) или впроцентах от высоты окна браузера width= значение Ширина изображения впикселах(по умолчанию оригинальная) или в процентах от ширины окна браузера align= значение Выравнивание изображения по горизонтали или вертикали. Значения texttop, abscenter,center, bottom, absbottom обеспечиваютразличные варианты вертикального выравнивания относительно текстовой строки;при применении этих значений вставленное изображение разрываеттекстовый поток. Если заданы значения leftлибо right, изображение соответствующим образом будет выровнено по горизонтали;задание этих значений обеспечивает обтекание изображения текстом hspace= значение Свободное пространство слева и справа от изображения впикселах vspace= значение Свободное пространство сверху и снизу от изображения впикселах usemap= #имя Указывается имя карты (см.элемент map), задающей в данном изображении области,чувствительные к щелчку мыши id, style, class, title, onClick, onDblClick, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, dir, lang необязательные атрибуты,описаны в разделе "Концепции HTML 4+". Несмотря на то, что формально обязательнымявляется только атрибут src, на практике обязательно следует указывать и альтернативный текст ( атрибут alt ), особенно если изображение представляетсобой навигационный элемент.Ведь многие работаютс браузером в режиме без загрузки изображений,особенно когда связь плохая, и документ загружается долго. К тому же, до сих пор существуют браузеры, не поддерживающие графики. Значения атрибута borderтоже лучше указывать явным образом,не полагаясь на умолчания.Умолчания у большинства браузеровтакие: border=0 , если изображение не является зоной гиперссылки,и border=2 в противном случае. Таким образом,не указавявным образом значение border и задавгиперссылку,не удивляйтесь, появлению вокруг изображения рамки ( цвет ее тот же, что и у текстовых гиперссылок ).
  • 2. Само наличие атрибутов heightи width говорит о возможности масштабирования исходного изображения.Увеличивать исходное изображение бессмысленно,посколькуэто всегда ведет к потере качества. Масштабирование изображений всторону увеличения применяется вособых случаях, когда необходимо вывести цветные полосы либо прозрачные "распорки"строго определенной ширины и высоты. При этом достаточно изготовить изображение размером 1х1 пиксел (нужного цвета или прозрачное) и вставить в документ, задав необходимые размеры.