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可以调整）。
在html中输入，position:absolutebottom:0right:0这样就可以了，不过屏幕滚动的话，元素不会随着屏幕滚动而一直在右下角position:fixedbottom:0right:0这样可以一直保持在右下角，但IE6不支持，如果想要IE6也支持，只能用js来控制。
超文本标记语言，标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。
文本标记语言源程序为文本文件，其列宽可不受限制，即多个标记可写成一行，甚至整个文件可写成一行；若写成多行，浏览器一般忽略文件中的回车符（标记指定除外）；对文件中的空格通常也不按源程序中的效果显示。完整的空格可使用特殊符号（实体符）“ （注意此字母必须小写，方可空格）”表示非换行空格。
