Картинки на HTML страницах

Правила написания тега <img>

Используйте параметры WIDTH и HEIGHT.

    Это ускорит загрузку ваших страниц и обеспечит правильное отображение картинок.

Правило искусственного увеличения размеров картинок.

    При задании параметров WIDTH и HEIGHT больше реальных размеров картинки, используйте кратное увеличение (в 2 раза, в 3 раза и т.д.). Это сгладит искажение картинки при отображении. То же относится и к уменьшенным параметрам WIDTH и HEIGHT.

Всегда используйте параметр ALT.

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

WIDTH

Ширина графического элемента в пикселах. Пиксел - это самая маленькая точка монитора при заданном разрешении. Параметры ширины и высоты (см. следующий параметр) не являются обязательными. Но лучше всегда задавать эти параметры. Это может ускорить загрузку и отображение ваших страниц, так как программа просмотра страниц зная параметры картинки заранее, выделяет область под отображение графического элемента и показывает страницу еще до загрузки картинки. Если же параметры ширины и высоты не указаны, то страница может не отображаться до полной загрузки всех картинок (особенно это касается таблиц содержащих картинки).

HEIGHT

Высота графического элемента в пикселах. Если вы хотите изменить реальные размеры картинки, растянуть или сжать ее, то вам достаточно просто задать нужные вам параметры ширины и высоты картинки. При этом размеры картинки будут изменены, хотя картинка будет отражаться с искажением. Значения параметров WIDTH и HEIGHT могут принимать любое целое числовое значение от 1 до бесконечности.

ALT

Этот параметр означает альтернативное (текстовое) отображением в случае если картинка не найдена или для программ просмотра, которые не поддерживают графические элементы. В браузерах поддерживающих графические элементы, значение параметра ALT будет отображаться в виде всплывающего текста при наведении мышки на картинку. В браузерах не поддерживающих графику, а также при невозможности отображения картинки в том месте страницы, где стоит тег <IMG> будет отображаться текст, указанный в параметре ALT.

ALIGN

Этот параметр означает выравнивание графического элемента на странице относительно других элементов страницы. Основными элементами страницы являются блоки текста, таблицы и картинки. В нашем примере картинки наверху этой страницы, значение параметра ALIGN равно left. Это означает выравнивание картинки по левому краю. При этом текст, который идет за картинкой, будет огибать картинку, начиная от верхнего правого края (см. картинку и текст вверху этой страницы).

HTML-код: