Текст может располагаться сверху, внизу, снизу и рядом с картинкой.
<img src="image.jpg" align="top"> - размещение текста вверху
<img src="image.jpg" align="middle"> - размещение текста посередине
<img src="image.jpg" align="bottom"> - размещение текста снизу
<img src="image.jpg" align="left"> - размещение текста справа
<img src="image.jpg" align="right"> - размещение текста слева
По умолчанию ширина и высота картинки равна реальным размерам картинки, чтобы саму картинку не менять в размерах, можно
это сделать с помощью тэгов (он её сожмет, но будет выглядеть немного криво):
<img src="image.jpg" width="100" height="200">
Где width="100" - цифра регулирует ширину картинки
height="200" - цифра регулирует высоту картинки
<img src="image.jpg" alt="моя первая картинка на сайте"> - если навести курсор мыши на рисунок, то через некоторое время выскочит описание картинки, в этом случае выскочит "моя первая картинка на сайте".
Для приведения примера понадобится маленькая картинка, примерно 100х100 пикселей.
<HTML>
<head>
<title>Мой первый сайт!</title>
</head>
<body>
<center><H3>Добро пожаловать мой первый сайт!</H3></center>
<font size="2">
<img src="image.jpg" align="right" alt="моя первая картинка на сайте" width="100" height="200"> Учиться искусству создания сайта необходимо, ведь Интернет предлагает
нам уникальную возможность заявить о себе, проявить свой творческий талант и быть услышанным.
Вступив на эту дорогу, вам придетсяотдавать вашему будущему сайту все силы, всю энергию, весь талант. <br>
Учтите еще и вот что: процесс создания сайта включает в себя как технические, так и чисто творческие моменты </font>
</body>
</html>
В примере показано, как разместить текст по левому краю, а также описание картинки, высота и ширина.
на предыдущую страницу |
Оглавление |
на следующую страницу
