13.txt 如何在图框套装内贴图片和文字。

欢迎您!启步学代码。
(13)

(游子编辑 供初学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 代码知识,让更多网友学用代码贴图制作网页,本贴欢迎转载, 但是,转载时请不要把原创编辑游子的名字改掉。谢谢!)