Графика на WEB-странице
Вставляем рисунок так: <img src=название рисунка.расширение>. Тег <img> указывает браузеру, что на странице присутствует изображение. Обязательный атрибут этого тега src (source - источник). Закрывающего тэга нет.
В зависимости от того, где находится изображение, путь до него прописываются следующим образом:
<img src=picture.jpg> - изображение находится в той же папке, в которой находится и сама страница;
<img src=название папки/picture.jpg> - изображение находится там же, где Web-страница, но в отдельной папке;
<img src=http://www.название сайта.ru/название папки/picture.jpg> - изображение находится на другом сайте.
Аргумент align и его значениями left, right, top, middle определяют положение рисунка на странице:
<img src=picture.jpg align=left> - изображение прижато к левому краю страницы;
<img src=picture.jpg align=right> - изображение прижато к правому краю;
<img src=picture.jpg align=top> - вверху, над текстом;
<img src=picture.jpg align=middle> - посредине, текст обтекает его с обеих сторон.
Еще несколько важных параметров:
<img src=picture.jpg vspace=10> - задает расстояние между верхней и нижней строчками текста и рисунком по вертикали пикселях;
<img src= picture.jpg hspace=30> - задает расстояние по горизонтали;
<img src= picture.jpg width=100> - ширина картинки. Если ее не задавать, то, по умолчанию, она будет равна реальной ширине картинки;
<img src=picture.jpg height=200> - высота картинки;
<img src=picture.jpg border=5> - рамка вокруг картинки;
<img src= picture.jpg alt="моя фотография"> - краткое описание картинки. Если навести курсором мыши на рисунок, выскочит описание картинки.
Можно регулировать положение рисунка на странице поместив его во внутрь блочного элемента:
<div align=center> img src=picture.jpg </div> - по центру;
<div align=left> img src=picture.jpg </div> - по левому краю;
<div align=right> img src=picture.jpg </div> - по правому краю.
Вставляем рисунок на страницу:
<html>
<head>
</head>
<body bgcolor=#faf0e6>
<img src=image/03.gif align=left height=200 hspace=30 vspace=5 alt="расслабься">
<center><h2>Привет всем!</h2></center>
<div align=justify>Собираюсь поведать миру о себе. Начал делать свой сайт. Разобрался с текстовым наполнением и графикой. Ничего сложного.</div>
<div align=center><font color=#cc0000 size=+1><b><i>Да здравствует HTML!
</b></i></font></div>
</body>
</html>
Cмотрим, что получилось
Рисунок можно назначить фоном страницы - <body background = picture.jpg>. Но об этом позже.
Пришло время вставить графическое изображение в наш шаблон.
