суббота, 10 мая 2014 г.

Урок 32. Изображение на WEB-странице

Урок  5  курса Дуванова А.А.
ссылка работает только в школе

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

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

Атрибут src = имя файла

Самым главным атрибутом команды является атрибут src, при помощи которого можно задать имя файла с картинкой. Например, команда <IMG src=img.gif> заставит браузер отобразить на экране графический файл img.gif из текущего каталога. 

Обычно графические файлы не смешивают с HTML-текстами, а помещают в отдельный каталог pic, который является подкаталогом для каталога с программами (html-файлами). Тогда команда вывода графики будет иметь вид: <IMG src=./pic/img.gif> 

Атрибут alt = "текст надписи"

Если браузер не находит картинки в указанном месте на диске, он вместо нее рисует на экране маленький прямоугольник и вписывает в него надпись, которая задана атрибутом alt:
<IMG src=monstr.jpg alt="Страшный зверь"> 
Атрибут alt рекомендуется использовать всегда. Даже если картинка найдена браузером, задание надписи не будет лишним: стоит пользователю остановить курсор на картинке, как надпись появится в маленьком окошке и сообщит дополнительную информацию. 

Атрибут title = "текст надписи"

Аналогичен alt, но более современен

Атрибуты width = n и height = m

Эти атрибуты задают ширину и высоту (в пикселах) прямоугольника, в который выводится картинка. 
Если атрибуты не заданы, картинка рисуется в естественных размерах. 

Атрибут border = n

Атрибут позволяет задать рамку иллюстрации толщиной в n пикселов. При отсутствии атрибута, или при значении n=0 рамка не рисуется. 

Атрибут align

Этот атрибут позволяет определять положение иллюстрации по отношению к соседним элементам документа. 
Практическая работа 

Комментариев нет:

Отправить комментарий