Xtml - Первые шаги



             

Ступенька 11-ая.


Главная / Html / Учебник по Html. Ступенька 11-ая.
 

Учебник по Html для чайников. Простейшие.

Ступенька 11-ая.



Итак, мы задались вопросом как же сделать так, чтобы текст располагался весь рядом с картинкой, а не только одна его строчка. Все очень просто. Давайте вспомним об атрибуте align, который отвечает за выравнивание. Атрибут 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 - краткое описание картинки.


Содержание  Назад  Вперед