Вставить изображение в HTML-документ очень просто. Для этого нужно только иметь это самое изображение в формате GIF, JPEG или BMP (но изображения в BMP формате лучше не испоьзовать ввиду неэкономичности и долгой загрузки).
И чтобы инициальзировать картинку, Вам надо только в нужном месте HTML-документа вставить метку изображения.
Допустим, нам нужно вставить в документ изображение, записанное в файл image.jpg, находящийся в той же папке, где находится и сам HTML-документ.
Тогда метка изображения будет такая:
<img src="image.jpg">
Метка изображения может иметь и дополнительные параметры, такие как
Ширину (WIDTH)
Высоту (HEIGHT)
Толщину Рамки (BORDER)
Подсказку (ALT)
Ссылку на карту изображения (USEMAP)
То есть, если вы хотите, чтобы Ваше изображение было показано браузером с какой-то фиксированной высотой и шириной, то Ваша метка будет выглядеть так:
<img src="image.jpg" width="[ширина] количество точек" height="[высота] количество точек">
или с уже конкретными значениями:
<img src="image.jpg" width="248" height="60">
Если Вы хотите, чтобы Ваше изображение было обведено в рамку, то добавьте дополнительный параметр рамки BORDER.
Пример:
<img src="image.jpg" border="3">
В данном примере изображение будет показано с оригинальными шириной и высотой и будет обведено рамкой, толщиной в три точки.
Будьте предельно внимательны, указывая имя файла, в котором находится нужное Вам изображение. Потому что если Вы укажете имя файла неправильно, то появится всего лишь такая некрасивая рамочка.
Как Вы наверное знаете, у многих интернет-подключение работает очень медленно и поэтому такие люди просто отключают загрузку изображений браузером. Но чтобы и такие люди ориентировались в изображениях, на каком что изображено, добавьте комментарий к Вашему изображению.
Для этого Вам нужно только добавить параметр ALT:
<img src="image.jpg" alt="Моя фотография">
В этом случае если даже Ваше изображение не загрузится и будет показана всего лишь некрасивая рамочка, то всё равно внутри этой рамочки будет надпись "Моя фотография" и тому, кто посетил Вашу страницу, сразу станет понятно, что здесь или дожна быть или находится (в случае, если отключена загрузка изображений) Ваша фотография.
О использовании карты изображения читайте в разделе "Дизайн".
Изображение тоже может выступать в роли выделенного активного фрагмента текста, то есть изображение может быть ссылкой.
Для этого нужно только изображение внести в блок ссылки:
<a href="адрес перехода"><img src="image.jpg"></a>
Если изображение находится или в другой папке или на совсем другом сервере, то нужно указать полное имя файла вместе с полным путём к нему.