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

Дата добавления: 2015-07-09; просмотров: 495; Нарушение авторских прав

В принципе размещение картинки на страничке - дело не столь уж и сложное. Делается это с помощю тэга <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>

Вы, вероятно, заметили, что добавлен атрубут 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>

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

К примеру:

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

<== предыдущая лекция	\|	следующая лекция ==>
Гиперссылки и совершенствование внешнего вида текста	\|	Создание и оптимизация изображений для Web-сайта