Вставка картинок в документ:
<img src="my.jpg">
Вместо my.jpg мы можем подставить
имя любой картинки (me.gif, main.png). Самое главное понять, что все
расположенное между кавычками - ссылка (путь к картинке). Наш пример говорит о
том, что картинка лежит в том же каталоге (директории, папке), в которой лежит
и наш документ.
Если картинка лежит в
поддиректории (в папке, которая лежит в вашей основной папке), то ссылка на неё
будет выглядеть так:
<img
src="my/my.jpg">
Если картинка лежит на уровень
выше, а документ находится в поддиректории, то ссылка на неё будет такой:
<img src="../my.jpg">
Если картинка лежит на другом
сайте, то путь прописывается полностью:
<img
src="http://www.homepage.ru/my/my.jpg">
Для вашего удобства кладите
картинку в ту же папку, что и документ, тогда путаницы будет меньше:)
Картинку можно сделать фоном документа. Это прописывается в
открывающем тэге
<body
text="#336699" background="ваш_фон.jpg">
Атрибут background указывает на
то, где лежит фоновая картинка, в нашем примере он указывает на то, что наша
фоновая картинка лежит в той же директории (папке), что и наш документ.
Пример:
<html>
<head>
<title>Моя страница</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body bgcolor="#00FF00">
<h1 align="center">Смайлики настроения</h1>
<hr width=1000 align=left size="5" color="ff0033" >
<!-- оформление с таблицей
<table border=1>
<tr>
<td><h2 <font color="#990033"> Радость </font></h2></td>
<td> <h2 <font color="#990033"> Не понял </font></h2></td>
<td></td>
</tr>
<tr>
<td> <img width="100px" height="100px"src="1.jpg"></td>
<td></td>
<td></td>
</tr>
</table>
--!>
<h2 <font color="#990033"> Радость </font></h2>
<img src="1.jpg">
<!-- <h2 <font color="#990033"> Радость </font></h2>
<img width="100px" height="100px"src="1.jpg">
Это комментарий
--!>
<h2 <font color="#990033"> Не понял </font></h2>
<img src="2.jpg">
</body>
</html>
Результат:
Пример:
<html>
<head>
<title>Моя страница</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body bgcolor="#00FF00">
<h1 align="center">Смайлики настроения</h1>
<hr width=1000 align=left size="5" color="ff0033" >
<!-- оформление с таблицей
<table border=1>
<tr>
<td><h2 <font color="#990033"> Радость </font></h2></td>
<td> <h2 <font color="#990033"> Не понял </font></h2></td>
<td></td>
</tr>
<tr>
<td> <img width="100px" height="100px"src="1.jpg"></td>
<td></td>
<td></td>
</tr>
</table>
--!>
<h2 <font color="#990033"> Радость </font></h2>
<img src="1.jpg">
<!-- <h2 <font color="#990033"> Радость </font></h2>
<img width="100px" height="100px"src="1.jpg">
Это комментарий
--!>
<h2 <font color="#990033"> Не понял </font></h2>
<img src="2.jpg">
</body>
</html>
Результат:
Комментариев нет:
Отправить комментарий