**图片**
1.基本的语法:<img scr="路径"
alt=“此图片加载不开”/> width=“value” height=“value” align=“bottle、middle、top” border=“value”<!设置边框> vspace=“value” hspace=“value”<!左右 上下的距离>
2.网页背景:background-imgage:url(路径) background-repeat:no、-y、-x background-position:top、center、middle、百分比 ,百分比 background-attachment:fixed
3.代码例子:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>图片</title>
<style type="text/css">
.tu{text-align: center;
font-size: 40px;
color: #711D1F;
}
</style>
</head>
<body bgcolor=#D3CE0B>
<p class="tu">这是一幅图片</p>
<img src="图片一.jpg"alt="图片打不开"border="3px"width="800"height="520"hspace="200">
</body>
</html>
``
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>图片1</title>
<style type="text/css">
body{
background-image:url(图片二.jpg);
background-repeat: repeat-x;
background-attachment: fixed;
}
.h{
line-height: 100px;
text-align: center;
font-size: 40px;
color: #F60E62;
}
</style>
</head>
<body>
<p class="h">
1<br>
1<br>
1<br>
1<br>
1<br>1<br>
1<br>
1<br>
1<br>
1<br>1<br>1<br>
1<br>
1<br>
<strong>1<br></strong>
1<br>
1<br>
1<br>
1<br>
1<br>
1<br>
1<br>
1<br>
</p>
</body>
</html>