一步一步学代码---图片加工（图片标签）[连载8]

[没起名]

二 图片加工
1 图片标签
把网上现成的图片拿来发到论坛，是论坛里最容易的事情。原因就是发图太简单了。复制→粘贴就可以发一张图片，这是我们论坛的便利。用HTML方式贴图，它的语法也是很简单。
基本语法：<IMG src=“图片地址”>
我们看到，img标签没有终止符。其常用参数也不太多，非常容易记住。
src：图片地址。在论坛里，建议使用图片的完整地址也就是绝对地址，若是上传到论坛的图片，可以使用相对地址，一般从upload一节开始。

这时发出的图片默认位于左上角。是最基本、最简单的贴图代码。如：

代码为：<IMG src=“http://www.gxblk.com/images/qg.jpg”>
若要使图片居中，只须加居中的命令（前面已讲过）。如：

代码为：
<P align=center><IMG src="http://www.gxblk.com/images/qg.jpg"></P>
如要给图片加个边框，只须加将基本语法改为：
<img src=“图片地址” border=数值>
其中：
border：图片的边框。取值范围为正整数，边框颜色不可改变（黑色）。多数论坛里的图片都会链接到自身，当用户点击过它，它的边框颜色通常就是默认的蓝色，故为美观起见，建议设置为0。
如：给加个边框 代码分别如下：
<IMG src="http://bbs.edu-net.cn/bbs/UploadFace/17 ... 693004.gif" >
<IMG src="http://bbs.edu-net.cn/bbs/UploadFace/17 ... 693004.gif" border=5>
IMG标签还有其他的参数：
alt：当鼠标移到图片时弹出的文字。下面是使用效果，请将鼠标指针分别移到图片上看看发生什么：









代码如下：
<IMG alt=没起名的签名 src="http://bbs.edu-net.cn/bbs/UploadFace/17 ... 693004.gif">
hspace、vspace：图文混排时图片与左右、上下物件的距离。取值为正整数。
width、height：图片的宽度、高度。如果图片的高与宽未做设置，系统会按照图片的原本高宽显示出来，但不少论坛并非这样，论坛系统嵌入了一组js代码对图片的尺寸进行处理：如果图片的宽度超过300个像素则以300个像素显示，为止设置图片的高度宽度在这些论坛没有意义；也有的论坛支持用户设置，这类论坛就需要我们对一些尺寸不合要求的图片做一下设置了。是的，图片不一定按原来的尺寸显示，可以通过设置width、height值做必要的调整。
举例：把上述的图片加大一倍（原尺寸为width=122 height=96）

代码为
<IMG height=192 src="http://bbs.edu-net.cn/bbs/UploadFace/17 ... 693004.gif" width=244>
也可以只规定图片的宽度（这时其高度由论坛自动调整成原来的宽、高比例）如将上面的代码周的height=192 去掉，其它不变，则和上面的显示效果是一样的。
将图片的尺寸缩小，与上面类同！
在论坛里贴单张图片，若不加任何显示范围，图片只显示在论坛帖子所规定的宽度内，若图片的宽度超出范围，则图片右边将显示不全。处理方法将在以后的“全屏显示”中给出！
练习：按上面的次序，个人选择个图片做联系吧。
熟能生巧，要多加练习哦！