+7(983)178-57-68

Новые горизонты успешного бизнеса!

Главная Посчитать и заказатьОставить заявку Статьи Отзывы Контакты

Вставка изображений в 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; /* отступы вокруг рисунка */}


Остались вопросы? Спрашивайте!


Понравилась статья? Расскажи другим :)

Опубликовано: | Просмотров: 3146