Как вставить картинку html

• Главная

Изображения не web -странице

Изображения.

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

Что в этом хорошего,если одна картинка будет долго загружаться ,я сам всегда нажимаю кнопку,отменить,если у меня в течении минуты ничего не видно на мониторе.

Но красивые картинки весьма могут украсить и преобразить вашу страничку,только нужно следить за размерами.Допустим если ты выложишь на свой web сайт фото весом более 1 МГ или пусть немного меньше,то вас ждет плачевный результат и ваша страница побьет все рекорды по продолжительности загрузки.

Для вставки изображений в HTML документ используется следующая конструкция (представлена полная):

<img src="Рисунок" border="0" align="Выравнивание" width="Ширина" height="Высота" hspace="Отступ_1" vspace="Отступ_2" alt="Подсказка" name="Имя" lowsrc="Рисунок_2">

В таблице находится описание каждого параметра данной конструкции:

src	Имя графического файла с расширением (поддерживаются *.jpg, *.gif, *.png). Если файл находится в другом каталоге, укажите к нему путь. Вы можете перейти на закладку, в которой идет речь о путях.
align	Выравнивание изображения в документе: left - по левому краю. right - по правому краю. top или texttop - выравнивают верхнюю кромку изображения с верхней линией текущей текстовой строки. middle - выравнивает базовую линию текущей текстовой строки с центром изображения. absmiddle - выравнивает центр текущей текстовой строки с центром изображения. bottom или baseline - выравнивают нижнюю кромку изображения с базовой линией текущей текстовой строки. absbottom - выравнивает нижнюю кромку изображения с нижней кромкой текущей текстовой строки.
border	Рамка вокруг рисунка. Значение по умолчанию - 0 (без рамки).
width	Ширина изображения в пикселях.
height	Высота изображения в пикселях.
hspace	Горизонтальный отступ графического изображения в пикселях. Не обязательный параметр.
vspace	Вертикальный отступ в пикселях. Не обязательный параметр.
alt	Это сообщение, которое выводится вместо картинки, если она не показывается (не найдена или пользователь настроил свой Обозреватель так, что тот не показывает картинки). Кроме того, вы увидите этот текст в виде подсказки, когда курсор мыши находится на рисунке.
name	Определяет имя изображения. Для обычного изображения, не связанного ни с чем, этот параметр совсем не обязательный.
lowsrc	Имя графического файла с расширением с альтернативным изображением более низкого качества (и, соответственно, меньшего объема), чем изображение, указанное в параметре src. Обозреватели, поддерживающие данный параметр, сначала загрузят картинку из lowsrc, а затем заменят ее картинкой из src. Не обязательный параметр.

Пример обычной вставки изображения в электронный документ Вы можете наблюдать ниже. Вместо названия файла я вставил изображения папки. Подведите курсор к рисунку, чтобы увидеть подсказку.

<img src="	путь/...	" border="0" alt="Папка" width="17" height="16">

Всегда задавайте размеры картинки в параметрах height и width, резервируя тем самым место в окне Обозревателя еще до загрузки изображения. Параметр alt можно не указывать, но вдруг у человека не загрузилась картинка, он хоть будет знать, что она собой представляет.