|
发信人: frzy-jy(飞若紫影) 整理人: frzy-jy(2003-04-04 16:17:46), 站内信件 |
贴图的一般代码为<img src=图片地址>,用这种方法贴图,可以显示图片的实际大小.例如下面这个是没有经过修改的:
大家可以看到,由于图片国大,我们无法看到整张图片的效果.这时候就需要对图片大小进行一些限制.限制图片大小方法有两种,一种是像素表示,另一种是百分比表示(推荐用百分比限制法).代码分别为<img src=图片地址 width='像素表示宽度' height='像素表示高度'>和<img src=图片地址 width=宽度百分比 height=高度百分比>,如不需要改变原图缩放比例,也可以只限制宽或只限制高,省略另外一个不写.例如上图用像素限制高度可改为:<img src=http://pic.ty.sx.cn/bizhi/ziran/zr-dw0885.jpg width=500>
用像素限制应注意的是各位网友电脑所用系统不同,所以分辨率也可能不同,低分辨率的系统所显示的图片范围也就越小,所以作限制的时候最好能照顾到低分辨率的情况,设置宽度不要超过500像素,而用百分比限制则不存在这种问题,将宽和高设置为100%,则系统可根据不同电脑的分辨率不同自动调整图片到小到可以完整显示整个图片,例如上边的图片,在800*600分辨率下观看较合适,而1024*768的则会觉得图片有点儿小了.如果我把代码改为:<img src=http://pic.ty.sx.cn/bizhi/ziran/zr-dw0885.jpg width=100%>,则无论在哪种分辨率下,都是满屏显示了.如下图:
用同样的方法,还可以把图片放大,这里不再赘述.但要注意的是,把小的图片放大有可能导致图片模糊不清或者过于粗糙.限制了图片大小,如果想在图片上加入相应说明——即鼠标悬浮在图片上便会显示文字的效果,可以另外加入代码alt,具体代码为：<img src=图片地址 width=限制的宽度 height=限制的高度 alt=要显示的文字>,例如上图我可以写代码为:<img src=http://pic.ty.sx.cn/bizhi/ziran/zr-dw0885.jpg width=100% alt=广州社区动物世界版感谢您的支持和参与!>,把鼠标放在下面的图片上看效果:
如需在图片上加入链接,代码为<a href=链接地址><img src=图片地址 width=限制的宽度 height=限制的高度 alt=要显示的文字 border='图片边缘宽度'></a>,如果边缘设为0,则图片无蓝色边界,以下是两幅图的对比,一个有边缘,一个没有,第一幅代码为:<a href=http://fe4.gz.163.com docidx?b=animal><img src=http://pic.ty.sx.cn/bizhi/ziran/zr-dw0885.jpg width=45% alt=广州社区动物世界版感谢您的支持和参与!></a>,第二幅的代码为:<a href=http://fe4.gz.163.com docidx?b=animal><img src=http://pic.ty.sx.cn/bizhi/ziran/zr-dw0885.jpg width=45% alt=广州社区动物世界版感谢您的支持和参与! border='0'></a>,效果如下: ---- 关闭][返回] |