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文件。
2、设置页面背景颜色。
3、接下来开始创建段落一。
4、引入图片设置图片大小并设置图片浮动至段落的左边。
5、创建段落二。
6、引入图片设置图片大小并设置图片浮动至段落的右边。
7、预览效果如图。
图片标签格式 :
<img src="放图片地址(网络\本地)" alt=" ">
网络路径(绝对路径)
<img src="网络地址,png" alt=" ">
注 : 网络地址要联网,alt可写可不写,乱改网址的话图片会变成标识
本地路径(相对路径)
<img src="本地地址.jpg" alt=" ">
注 : alt可写可不写
1.html文件和图片文件在同一级目录下,那么直接使用图片作为引入名字就可以
2.<img src="img/kk.jpg" alt=""> 图片位于img文件夹下
3.<img src="../img/kk.jpg" alt=""> 图片位于多个文件夹下,则只显示图片位于的最小级img文件夹,其他文件夹用两点表示
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)