欢迎您!启步学代码。
(15)
(游子编辑 供初学HTML代码的朋友参考)
如何在图框套装内贴图片和文字。
用HTML代码在图框内贴图,图片必须是网络上的图片绝对地址(URL)。如果是本机硬盘的图片,应先上传到
较隐定的空间(免费相册或可上传图片的论坛),取得图片的地址和图片的尺寸大小。新学习者最好选择一些较简
单的图框来贴图。由于各论坛系统对贴子宽度有不同的限
制,因此图框的宽最好不要超过500,图片则在400左右。
几种常用贴图代码。
第一种:
<img src="图片地址">
第二种:
<img src=“图片地址” width='80'height='280' border='10'>
第三种:
<CENTER>
<TABLE borderColor=0000ff cellSpacing=10 cellpadding=20 background=“图片地址”width=400 height=300 border=10>
<TBODY>
<TR>
<TD>
<br>
<br>
</TD></TR></TBODY></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>
|
显示结果:
第二种简易使用的图片可定大小有黑色边框的贴图代码。
<CENTER>
<img src=http://photo.southcn.com/upload/F202922004.11.4.22.24.422.jpg width=620 height=380 border='10'> </CENTER>
|
显示结果:
第三种用表格属性内容的贴图代码。
<CENTER>
<TABLE borderColor=#fbd44c cellSpacing=3 cellpadding=0 background=http://photo.southcn.com/upload/F202922004.11.4.22.24.422.jpg
width=660 height=380 border=15>
<TBODY>
<TR>
<TD>
<br>
</TD></TR></TBODY></TABLE></CENTER>
|
显示结果:
(待续)

编辑:游子
(为了传播 HTML 代码知识,让更多网友学用代码贴图制作网页,本贴欢迎转载,
但是,转载时请不要把原创编辑游子的名字改掉。谢谢!)