1、构思：一张大图片、一张小图片要形成什么意境，要事先构思好。
2、获取图片地址：如果自己上传，完成后点显示源代码，复制图片地址备用。如果是网上现有图片，右击点“属性”，复制图片地址备用。注意记住图片的宽和高。
3、进入编辑：进入自己的网站或博客后台，并使编辑器处于代码编辑状态。贴入代码：
<TABLE width=650 background=大图地址 height=488>
<TBODY>
<TR>
<TD>
<P><IMG style="MARGIN: 0px 0px 300px 300px" src="小图地址">
</P></TR></TBODY></TABLE>
4、修改代码：将第二步中获取的图片地址分别添加到本文第三步相应位置，并修改宽（width）和高（height）。
5、调整小图片位置：这是制作的关键代码：MARGIN: 0px 0px 300px 300px调整上边的值，就可实现定位。
6、修饰：还可对整体进行修饰。例如加边框，会有立体感。加入代码“border=10”即可（10可以调整）。
1 html中插入图片使用的是<img>标签。
2 下面是在html页面中插入图片的实例，代码可以直接复制下来到浏览器上运行。代码中src是图片的路劲，运行的时候需要修改成自己的图片路劲。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>img标签的使用</title>
</head>
<body>
<h2>Norwegian Mountain Trip</h2>
<img border="0" src="/images/pulpit.jpg" alt="Pulpit rock" width="304" height="228">
</body>
</html>
3 下面是代码在浏览器上的运行结果 ：
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）