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

Вы хотите поместить на Web-страницу изображение.
Для задания местоположения файла, содержащего изображение, используйте элемент
img.
<img src="saint-george-island.jpg" />
В элемент img вставьте атрибут alt для задания альтернативного текста на случай отключения изображений или применения пользователями специальных возможностей, таких как программы считывания с экрана.
<img src="saint-george-island.jpg” alt="St. George Island beach at sunset with an approaching storm" />
Элемент img не обращается к контенту, находящемуся в самом документе. Он только определяет место своего размещения в документе и задает свое местоположение относительно HTML-документа.
Несмотря на то, что изображение стоит тысячи слов, значение атрибута alt должно быть сравнительно коротким описанием.
Некоторые Web-обозреватели отображают следом за курсором текст, именуемый всплывающей подсказкой и хранящийся в атрибуте изображения title.
<img src="saint-george-island.jpg" alt="St. George Island beach at sunset with an approaching storm" title="St. George Island beach" />
Файловые форматы
К самым распространенным форматам изображений, поддерживаемых Web- обозревателями, относятся GIF и JPEG. При выборе каждого из них для хранения разных типов изображений есть свои "за" и "против".
Если исходить из способа сжатия, метода уменьшения размера файла изображения, формат GIF лучше подходит для областей с ровными цветовыми полями и небольшим количеством цветовых переходов, а формат JPEG — для фотографий и трудноуловимых изменений цвета.
Все Web-обозреватели поддерживают формат PNG, но сейчас альфа-канал прозрачности поддерживается только в Internet Explorer 8 для Windows. Альфа-канал допускает непрозрачность или разную степень прозрачности в изображении в отличие от формата GIF, который может лишь один цвет сделать прозрачным. Если PNG-изображение с альфа-прозрачностью визуализируется в старых версиях IE, прозрачные чаоти обычно превращаются в блоки с заливкой сплошным белым цветом.
Чувствительность к регистру символов в имени файла
При задании файла изображения средствами языка HTML убедитесь в том, что в имени файла нет пробелов и что соблюдено соответствие строчных и заглавных букв. Несмотря на то, что ваша ОС возможно нечувствительна к регистру символов, Web- сервер, хранящий ваши Web-файлы, может этим свойством не обладать, что помешает визуализации изображений в Web-обозревателе.
 



Правельные рецепты CSS