Расположение текста относительно картинки задается параметром align:
<img src="pr1.png" align="left">
Это означает, что картинка будет прижата к левому краю экрана, а текст будет обтекать ее справа. Чтобы сделать наоборот надо прописать right:
<img src="pr1.png" align="right">
Текст может располагаться внизу картинки (это по умолчанию) - (1), посередине - (2), и вверху - (3): (1) - <img src="pr1.png" align="bottom"> (2) - <img src="pr1.png" align="middle"> (3) - <img src="pr1.png" align="top">
Кроме атрибута align для тэга <img> можно ввести еще несколько атрибутов: (1) - <img src="pr1.png" vspace="10"> (2) - <img src="pr1.png" hspace="30"> (3) - <img src="pr1.png" alt="мояфотография"> (4) - <img src="pr1.png" width="100"> (5) - <img src="pr1.png" height="200"> (6) - <img src="pr1.png" border="5">
(1) - атрибут vspace - задает расстояние между текстом и рисунком (по вертикали). Расстояние задается в пикселях. Pixel - минимальная единица изображения, точка. Например, разрешение экрана 800х600 - 800 на 600 точек. В нашем примере расстояние равно 10 пикселям.
(2) - атрибут hspace - тоже задает расстояние между текстом и рисунком, но по горизонтали. Расстояние задается в пикселях. В нашем примере оно равно 30 пикселям (точкам).
(3) - атрибут alt - краткое описание картинки. Если навести курсором мыши на рисунок, и так подержать его (курсор) несколько секунд, выскочит описание картинки. В нашем случае это будет фраза - "моя фотография". Если параметр alt не задавать, описания не будет. Но умные люди говорят, что описание картинкам задавать следует (особенно, если это кнопки), т.к. есть особенные люди, которые бродят по интернету с отключенной графикой. Без alt им не будет видно на что нажимать (если картинка является ссылкой или кнопкой в меню), т.к. картинка не отображается, а при заданном alt, можно увидеть надпись, для чего картинка предназначена.
(4) атрибут width - ширина самой картинки (в пикселях). Если ширину не задавать специально, то по умолчанию она будет равна реальной ширине картинки (а так вы можете ее сделать или уже, или шире).
(5) - атрибут height - высота самой картинки (тоже в пикселях). Так же как в случае с width высоту (height) картинки можно и не задавать. Правда, те же умные люди говорят, что размеры картинок следует задавать, для тех же особенных людей с отключенной графикой...
(6) – атрибут border - рамка вокруг самой картинки (в пикселях). Можно не задавать. Однако, по умолчанию, рамка вокруг картинки есть всегда. И если вы хотите убрать ее, то выставляйте атрибут border равным нулю.
Атрибут background указывает на то, где лежит фоновая картинка.
Линии
Линия задается тэгом <Hr> и не требует закрывающего тэга. У линии есть следующие параметры:
(1) <Hr align="right"> (center или left)
(2) <Hr width="30%"> (ширина линии в процентах/пикселях)
(3) <Hr size="6"> (толщина линии)
(4) <Hr NoShade> (отмена объемности)
(5) <Hr color="cc0000"> (цвет линии, только для Internet Explorer)
Эти параметры могут употребляться одновременно.
Ссылки
Web-страница может состоять из нескольких документов. Один из них - главный (index.html или main.html). Он открывается первым и должен обязательно лежать на сайте в Интернете.
Сайт (site) — набор Web-страниц, принадлежащих одному владельцу.
Гиперссылка(hyperlink)- фрагмент гипертекста, который указывает на другой файл или объект.
Другие документы могут называться по-другому (например, photos.html, about_me.html, my_cats.html, friends.html). Они все могут лежать в одной папке, а могут в разных. Ссылкой на эти другие документы может быть текст, а может быть и картинка. Пусть photos.html - документ, на котором размещены фотографии. Для того чтобы сделать фразу «мои фотографии» ссылкой на документ photos.html, необходимо воспользоваться тэгом <а> </а>:
Ссылка может быть не только на документ с расширением *.html, но и на многие другие (*.doc, *.mp3, *.jpg, *.gif, *.txt, *.zip, *.exe и т.д:):
<a href="http://www.melody.ru/music.mp3"> скачать песню </a>
При нажатии на такую ссылку у пользователя появится окошко, предлагающее сохранить ему музыкальный файл на его компьютере. Т.е. если файл не является текстовым документом (*.doc, *.txt) или, например, *.html документом, то браузер вашего пользователя обязательно предложит ему скачать такой файл.
Открытие нового окна при переходе по ссылке осуществляется с использованием атрибута target: тэга <a></a>:
<a href="big.jpg" target="_blank"> <img src="small.jpg"> </a> - target="_blank" - указывает на то, что документ (картинка), на который ведет ссылка, откроется в новом окне браузера.
