欢迎您！启步学代码。
（12）
原创编辑者:游子。供初学HTML代码的朋友参考）

如何用HTML代码贴图。

用HTML代码贴图，图片必须是网络上的图片绝对地址（URL）。如果是本机硬盘的图片，应先上传到较隐定的空间（免费相册或可上传图片的论坛），取得图片的地址和图片的尺寸大小。新学习者最好选择一些较简单的图框来贴图。由于各论坛系统对贴子宽度有不同的限制，因此图框的宽最好不要超过500，图片宽度则在400左右。

原创编辑者:游子。

几种常用贴图代码。

第一种：
<img src="图片地址">
第二种：
<img src=“图片地址” width='80'height='280' border='10'>
第三种：)(图片可调大小)
<INPUT src="图片地址" type=image width=500>

第四种：(用图片作表格背景的贴图方法)

<CENTER>
<TABLE borderColor=0000ff cellSpacing=10 cellpadding=20 background=“图片地址”width=400 height=300 border=10>
<TR>
<TD>
<br>
<br>
</TD></TR></TABLE></CENTER>

原创编辑者:游子。

第一种最简易使用的贴图代码。

　　　　　　　<img src="图片地址">
用网络上的图片绝对地址（URL）粘贴上去就可以了。但这种方法贴的图片，各论坛对图片宽度显示有不同的限制，有时不是原图片的尺寸，更不是你想要多大就多大。
这里有一张图片地址：http://photo.southcn.com/upload/F202922004.11.4.22.24.422.jpg
把它粘贴在上面代码中的“图片地址”如下：

<CENTER>
<img src="http://photo.southcn.com/upload/F202922004.11.4.22.24.422.jpg">
</CENTER>
显示结果：

原创编辑者:游子。

第二种简易使用的图片可定大小有黑色边框的贴图代码:

显示结果：

原创编辑者:游子。

第三种：图片可调大小的代码:

有一张图片原尺寸宽1024,高768.图片地址:
http://www.5pk.cn/infoPic/pic85/pic85961c1.jpg

把图片地址套入下面代码,同时设置不同宽度,图片就可变大或峦小。
<INPUT src="图片地址" type=image width=500>

◆代码1:

<INPUT src="http://www.5pk.cn/infoPic/pic85/pic85961c1.jpg" type=image width=300>

◆代码2:

<INPUT src="http://www.5pk.cn/infoPic/pic85/pic85961c1.jpg" type=image width=500>

显示结果：

◆代码3:

<INPUT src="http://www.5pk.cn/infoPic/pic85/pic85961c1.jpg" type=image width=650>

显示结果：

原创制作者:游子。
　

第四种;用表格的贴图代码。

●说明：用图片作表格背景必须注意图片素材原尺寸和图框宽度设置要一致。如果图片小而图框大，会显示部份重影，多出一部份图像。相反如果图片大而图框小则只显示图像的一部份。

原创编辑者:游子。

第四种;用表格贴图代码实例

显示结果：

（待续）
编辑：游子

（为了让更多网友学用html代码贴图制作网页，本贴欢迎转载，但是，转载时请不要把原创编辑游子的名字改掉。谢谢！）

●说明： 用图片作表格背景必须注意图片素材原尺寸和图框宽度设置要一致。 如果图片小而图框大，会显示部份重影，多出一部份图像。相反如果图片大而图框小则 只显示图像的一部份。 原创编辑者:游子。

●说明：用图片作表格背景必须注意图片素材原尺寸和图框宽度设置要一致。如果图片小而图框大，会显示部份重影，多出一部份图像。相反如果图片大而图框小则只显示图像的一部份。

原创编辑者:游子。