Программирование - это просто - Наполним нашу страницу картинками (тэг img, border, width, height).

Наполним нашу страницу картинками (тэг img, border, width, height).

Автор megabax

01.08.2009 г.

Давайте продолжим делать сайт. На нашей страничке чего то не хватает … Добрый день

Тема сегодняшнего урока: «Наполним нашу страницу картинками» (тэг img, border, width, height).

Давайте продолжим делать сайт. На нашей страничке чего то не хватает …

Правильно, картинок! Поэтому изучим тэг <img>. Вот его синтаксис: <img src=адрес и имя картинки>

Пример тэга img

В данном тэге, помимо адреса местоположения картинки (URL) мы задали толщину рамки картинки (точнее, отсутствие самой рамки, так как мы задали нулевую толщину):

border="0"

Ширину

width="317"

и, наконец, высоту:

height="201".

Теперь немного о правилах задания пути в параметре src. Если картинка находиться на другом сайте, то путь нужно задавать полный, с URL адресом, например вот так:

http://www.easyprog.ru/kb1_files/image004.jpg

Совсем другое дело, если картинка находиться на нашей странице. Тогда нужно задать локальный путь, иначе, переместив страницу на другой сайт, мы будем вынуждены исправлять все адреса сайта в тэгах img. Вот таким может быть тэг <img>

А теперь давайте посмотрим пример (Картинку для урока можно скачать здесь):

<HTML>

<HEAD>

<TITLE>Урок 4. Наполним нашу страницу картинками </TITLE>

</HEAD>

<BODY>

<A href=index.htm>О Компании</a>

<A href=news.htm>Новости</a>

<A href=steklom.htm>Стекломагниевый лист</a>

<A href=cement.htm>Цемент</a>

<A href=plitka.htm>Потолочная плитка</a>

<A href=profil.htm>Профиля</a>

<A href=zamki.htm>Дверные замки, ручки</a>

<A href=siding.htm>Сайдинг</a>

<A href=dekor.htm>Потолочная плика</a>

<A href=contacts.htm>Контакты</a>

</BODY>

</HTML>

Если вы скопируете пример в файл html и откроете его, то увидите нечто вроде:

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

Последнее обновление ( 14.10.2009 г. )

« След.		Пред. »

Вернуться