Картинки на страничке

ВНИМАНИЕ! Конкурс по программированию!

Проект Programmers.kz и школа hotPen3D2D предлагает Вам курсы по веб-дизайну, веб-программированию и компьютерной графике. Подробности здесь.

Информация к новости

Просмотров: 1987
Автор: КазКиберГетик

(голосов: 0)

Категория: WEB-Design » HTML » Уроки HTML

В принципе размещение картинки на страничке - дело не столь уж и сложное. Делается это с помощю тэга <img>. Это тег насколько прост, настолько и уникален. Во-первых, он не имеет закрывающего тэга и, во-вторых, не может быть использован без атрибута src . Атрибуты тэга <img> следующие:

src - путь к файлу с рисунком (иллюстрацией, изображением);
height - высота рисунка ( в пикселях);
width - ширина рисунка ( в пикселях);
align - выравнивание (center - по центру, left - в левой части страницы, right - в правой).

Путь к файлу указывается следующим образом:

src=img.gif - если файл рисунка находится в том же каталоге, что и HTML файл, ссылающийся на него;
images/img.gif - если файл рисунка расположен в каталоге images, являющимся подкаталогом либо корневого каталога, либо каталога, где расположен HTML, ссылающийся на него;
../images/img.gif - префикс ../ означает переход в корневой каталог, а оттуда уже согласно указанному пути.

Хочется отметить, что такой способ указания пути является общим для всех видов файлов, в т.ч. и изображений. Принятое нами обозначение img.gif является условным. Под ним понимается файл рисунка. А images - условное наименование каталога с файлами изображений. Файлами изображений для WEB-страниц могут быть файлы форматов JPG, JPEG, GIF, PNG. Рассмотрению файлов графики будут посвящены следующие рассылки.

А пока вернемся к тэгу <body>

<body text=red background=img.gif  
bgcolor=yellow link=yellow
 alink=red vlink=black>

Вы, вероятно, заметили, что добавлен атрубут background, которому присвоено значение img.gif. Это означает, что фоном страницы будет не просто цвет, а выбранный рисунок.

Создадим HTML файл link.html со следующим кодом:


<html>
<head>
<title>Использование ссылок и изображений</title>
</head>
<body text=black background=img.jpg  bgcolor=white 
link=blue alink=red vlink=red>
<p>Написано белым по черному</p>
<a href=attrib.html>К описанию атрибутов</a>
<p>Вот рисунок, который высветится под этим 
текстом посередине</p>
<img src=pict.jpg align=center>
</body>
</html>

В принципе все, что требовалось знать о рисунках, в плане их использования. Вам нужно найти два небольших.

К примеру:

alt и alt

Следующие несколько разделов будут посвящены созданию и обработке изображений для Web-страниц.

Источник: web-brodilka.ru

Предыдущий урок | Следующий урок

Вернуться Комментариев: 0

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

Комментарии (0)

Картинки на страничке

Наш сайт рекомендует:

Добавление комментария