Вставляем изображение в HTML-страницу. Тег IMG и его атрибуты

Вставляем изображение в HTML-страницу. Тег IMG и его атрибуты       На сегодняшний день тяжело себе представить, какой ни будь, уважающий себя, веб ресурс, без графических элементов. Таких, как картинка, фотография, всевозможные баннеры или рисунки. Здесь, мы с тобой, рассмотрим, как можно вставить изображение в HTML-страницу. В этом, нам с тобой, поможет тег IMG  его атрибуты. Такие, как:

src — этот атрибут обязательный и задает URL (путь к графическому элементу) изображения;
align — атрибут выравнивания изображения, относительно различных элементов HTML-страницы (имеет основные значения: left, right);
alt — если по каким то причинам браузер не может отобразить картинку, то в дело вступает этот тег. Он отображает текст на месте, где должно было быть изображение;
border — с помощью этого атрибута задается ширина рамки (в пикселях) вокруг картинки;
vspace — это расстояние между изображением и текстом, заданное по горизонтали, так же в пикселях;
hspace — в свою очередь, этот атрибут, задает свободное пространство слева и справа от нашего изображения;
width — этим атрибутом задается ширина картинки. Значения возможно ставить, как в пикселях, так и в процентах;
height — это, соответственно, высота изображения, так же задается или в пикселях или в процентах.


       Рассмотрим пример:

<HTML>
<HEAD>
<TITLE>

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

</TITLE>
</HEAD>
<BODY>

<IMG src=»http://seochaynik.ru/images/Kak sozdat sait2.jpg» border=»6″ vspace=»10″ hspace=»30″ width=»260″ height=»190″ align=»left»>Это моя картинка на главной странице сайта.

</BODY>
</HTML>

       Надо сказать, что тег IMG — одиночный тег. Закрывающего тега </IMG> — не существует! Сохраняем в текстовом редакторе, в расширении html, наш код и смотрим, что у нас вышло:

Вставляем изображение в HTML-страницу

       Ну, вот мы с тобой и добрались до конца этого не большого курса, если его можно так назвать. Заметь, это лишь мизерная часть той информации, которая существует по HTML коду. Но!!! Но, того , что ты уже знаешь, хватит для создания своего сайта. Конечно он будет, пока, самый простой, но это только пока. Если ты поймешь, что тебе этого не достаточно, ты всегда сможешь найти более полные материалы по HTML , например, на этой странице.

       Создавай свой сайт, и приходи ко мне за новыми знаниями, если, конечно тебе у меня понравилось. Мы с тобой рассмотрим, как продвигать и раскручивать вновь созданный сайт и конечно как на нём заработать денежку.

 

                                Вернутся к содержанию                                     К предыдущей главе

Понравилась страничка? Поделись в соц. сетях

Опубликовать в Google Buzz
Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Одноклассники
Опубликовать в Яндекс
регистрация доменов

Интерестное

ad