<img src="picture.jpg" align="left">
<img src="picture.jpg" align="right">
Это означает, что картинка будет выровнена по левому краю экрана (или по правому краю), а текст будет обтекать ее справа (или слева).
Текст может еще располагаться следующим образом:
Кроме параметра align существует еще несколько параметров:
(1) параметр Vspace – задает расстояние между текстом и рисунком (по вертикали). Расстояние задается в пикселях (pixel - минимальная единица изображения, точка).
(2) параметр Hspace – задает расстояние между текстом и рисунком (по горизонтали).
(3) параметр alt – краткое описание картинки. Если навести курсор мыши на рисунок и подержать его несколько секунд, то выскочит описание картинки. Если параметр alt не задавать, описания не будет.
СОВЕТ!!! Описание картинкам задавать следует, т.к. есть люди, которые бродят по интернету с отключенной графикой. Без alt не будет видно на что нажимать, т.к. картинка не отображается, а при заданном alt, можно увидеть надпись, для чего она предназначалась.
(4) параметр width – ширина картинки (в пикселях). Если ширину не задавать специально, то по умолчанию она будет равна реальной ширине картинки.
(5) параметр height – высота картинки (в пикселях). Если высоту не задавать специально, то по умолчанию она будет равна реальной высоте картинки.
(6) параметр border – рамка вокруг картинки (в пикселях).
Все параметры картинки (с 1 по 6) можно использовать одновременно друг с другом, например,
<img src="picture.jpg" align="left" HSPACE=30 VSPACE=10 alt="моя картинка" border="2">
Это означает, что картинка с именем picture.jpg будет выровнена по левому краю экрана, текст будет обтекать ее справа, расстояние до текста по горизонтали - 30 пикселей, по вертикали - 10 пикселей, а при наведении на картинку курсора, выскочит надпись "моя картинка".
<body text="#000000" bgcolor="#FFFFFF" background="picture.jpg">
Это означает, что картинка picture.jpg будет фоном веб-страницы. Параметр background указывает на то, где находится фоновая картинка, в данном примере фоновая картинка лежит в той же папке, что и документ. Параметр bgcolor также необходим на тот случай, если фоновая картинка не загрузится.
<img src="picture.jpg" align="right">
Это означает, что картинка будет выровнена по левому краю экрана (или по правому краю), а текст будет обтекать ее справа (или слева).
Текст может еще располагаться следующим образом:
- <img src="picture.jpg" align="bottom"> внизу (по умолчанию)
- <img src="picture.jpg" align="middle"> посередине
- <img src="picture.jpg" align="top"> вверху
Кроме параметра align существует еще несколько параметров:
- (1) - <img src="picture.jpg" Vspace="10">
- (2) - <img src="picture.jpg" Hspace="30">
- (3) - <img src="picture.jpg" alt="моя картинка">
- (4) - <img src="picture.jpg" width="100">
- (5) - <img src="picture.jpg" height="200">
- (6) - <img src="picture.jpg" border="2">
(1) параметр Vspace – задает расстояние между текстом и рисунком (по вертикали). Расстояние задается в пикселях (pixel - минимальная единица изображения, точка).
(2) параметр Hspace – задает расстояние между текстом и рисунком (по горизонтали).
(3) параметр alt – краткое описание картинки. Если навести курсор мыши на рисунок и подержать его несколько секунд, то выскочит описание картинки. Если параметр alt не задавать, описания не будет.
СОВЕТ!!! Описание картинкам задавать следует, т.к. есть люди, которые бродят по интернету с отключенной графикой. Без alt не будет видно на что нажимать, т.к. картинка не отображается, а при заданном alt, можно увидеть надпись, для чего она предназначалась.
(4) параметр width – ширина картинки (в пикселях). Если ширину не задавать специально, то по умолчанию она будет равна реальной ширине картинки.
(5) параметр height – высота картинки (в пикселях). Если высоту не задавать специально, то по умолчанию она будет равна реальной высоте картинки.
(6) параметр border – рамка вокруг картинки (в пикселях).
Все параметры картинки (с 1 по 6) можно использовать одновременно друг с другом, например,
<img src="picture.jpg" align="left" HSPACE=30 VSPACE=10 alt="моя картинка" border="2">
Это означает, что картинка с именем picture.jpg будет выровнена по левому краю экрана, текст будет обтекать ее справа, расстояние до текста по горизонтали - 30 пикселей, по вертикали - 10 пикселей, а при наведении на картинку курсора, выскочит надпись "моя картинка".
<body text="#000000" bgcolor="#FFFFFF" background="picture.jpg">
Это означает, что картинка picture.jpg будет фоном веб-страницы. Параметр background указывает на то, где находится фоновая картинка, в данном примере фоновая картинка лежит в той же папке, что и документ. Параметр bgcolor также необходим на тот случай, если фоновая картинка не загрузится.