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

Для того чтобы вставить изображение в нашу страничку нам понадобится тег IMG.
Например, у нас есть какой-то рисунок 1.gif размером 100px на 12px расположенный в папке pic

<img src="pic/1.gif" alt="1" width="100" height="12" border="0">

Итак, мы вставили рисунок, alt - это альтернативный текст, который будет виден пока нет рисунка, width и height мы задали размеры рисунка, чтобы браузер сразу знал сколько места ему отвести и border="0" убирает рамку вокруг рисунка, если этот параметр убрать, то в Mozilla Firefox вокруг рисунка будет рамка. Для того чтобы не писать каждому рисунку этот параметр, мы советуем в ваш стилевой документ написать следующее

img{border:none;}

Эта строчка уберет рамку у всех рисунков.

<img src="http://www.site.ru/pic/1.gif" width="100" height="12">

это абсолютный адрес размещения изображения

Ширину и высоту изображения можно менять как в меньшую, так и в большую сторону. Однако на скорость загрузки рисунка это никак не влияет, поскольку размер файла остается неизменным.

Для изображений можно указывать положение относительно текста или других изображений на веб-странице.
Нашему рисунку придадим класс img

<img src="http://www.site.ru/pic/1.gif" alt="1" class="img">

.img{
width:100px;
height:12px;
float:left; /* рисунок слева */
/* если изменить на float:right; рисунок будет справа */
margin:0 10px 0 0; /* отступы вокруг рисунка */}