zl程序教程

您现在的位置是:首页 >  前端

当前栏目

标签之美四——为网页添加绚丽多彩的图像

网页 添加 图像 标签
2023-09-14 08:59:45 时间

这里图片路径的写法和本地超链接的写法是一样的,可以参考上一篇博客中关于本地路径的地方:http://my.oschina.net/u/2340880/blog/412934

注意:如果图片大小不能充满网页,图片将会被复制平铺。


效果如下:

102332_eZT2_2340880.png

img 标签的alt属性可以为图片添加缺省文字,当图片不存在或者无法显示时,会有提示效果。示例如下:


效果如下:

205630_3tDA_2340880.png

四、设置图片边框和边距

通过border属性可以给图片添加边框。属性的值为边框的宽度。


效果如下,图片被加上了黑色的边框:

104544_mPcz_2340880.png

也可以给图片设置一个间距,间距的效果和透明的边框是一样的。


其中,hspace是设置水平边框的宽度,还有一个属性vspace是设置垂直边框的宽度,上面代码效果如下:

105043_p8Tt_2340880.png

五、插入视频的相关操作

插入视频的原理和图像是一样的,只是路径使用的时dynsrc,可以使用loop属性来设置循环次数,start属性来设置播放方式,这里,只将start属性说明一下,有两种方式,fileopen是网页加载就开始播放,mouseover是鼠标移动到视频位置后开始播放。