载入中
自定义HTML载入中... loading
学代码11 [转贴 2007-11-08 20:26:24]  删除... 
字体变小 字体变大
如何在图框套装内贴文字和图片

 


    用HTML代码在图框内贴图,图片必须是网络上的图片


绝对地址(URL)。如果是本机硬盘的图片,应先上传到

较隐定的空间(免费相册或可上传图片的论坛),取得图


的地址和图片的尺寸大小。新学习者最好选择一些较简

单的图框来贴图。由于各论坛系统对贴子宽度有不同的限

制,
因此图框的宽最好不要超过500,图片则在400左右。







    为了方便学习,这里列出图框,图片贴图素材和文字输入格式,供大家参考。




一张用颜色作背景的图框:














代码如下:





<TABLE borderColor=#fff000 cellpadding=30 cellpadding= 15 cellSpacing=15

cellPadding=15 width="500" bgcolor="#0000FF" border=12>

<TBODY>

<TR>

<TD>


<BR><BR><BR><BR>

</TD></TR></TBODY></TABLE>

 






文字输入设置代码:



<CENTER><font style=font:14pt face=幼圆 color=fff000>学用代码贴图</font></CENTER>



显示结果:






学用代码贴图










二张图片的地址(URL)尺寸大小和代码:



第一张:




http://fjfrbbs.cnco.cn/uploadfile/200410516442455513.jpg 400 *430



贴图片代码:




<P align=center><img src="http://fjfrbbs.cnco.cn/uploadfile/200410516442455513.jpg"width=300 height=330></P>









第二张:








http://linker.huabao.net/bbs//images/upfile/200583101647.jpg   400 *430



贴图片代码:







<P align=center><img src="http://linker.huabao.net/bbs//images/upfile/200583101647.jpg"width=300 height=330></P>









一张分隔线图片:






贴分隔线图片代码:



<P align=center><img src="http://www.bingwu.net/bbs/UploadFile/2005-1/2005130213220553.gif"width=300 height=40></P>






    为了学习上少出差错,最好把上面各种代码一个一个先测试,然后才进行组合编辑。
如何测试?可以在自已发表过的贴子,用回复的方式进入发贴区;

第一,复制一组代码。

第二,击点这个回复标签进到发贴区。

第三,在标签栏选第四个标签(即HTML标签)

第四,把刚才复制的代码粘贴在编辑栏内。

第五,击点标签栏的第一个标签可看见效果。

第六,若成功即可用了。



(有微软的办公软件附带的网页制作软件中的HTNL代码编器那就更好。
微软的办公软件附带的网页制作软件即:

Microsoft Office FrontPage 2003。或者 FrontPage 2000都可以。)










图框内插入文字和图片的方法。



先在空白的图框内的<TD>下面插入
强行断行<BR>和题标文字设置代码。



代码如下:





<TABLE borderColor=#fff000 cellpadding=30 cellpadding= 15 cellSpacing=15

cellPadding=15 width="500" bgcolor="#0000FF" border=12>

<TBODY>

<TR>

<TD>

<BR>

<CENTER><font style=font:20pt face=隶书 color=fff000gt;启步学用代码贴图</font></CENTER><BR>
</TD></TR></TBODY></TABLE>

 




显示结果:








启步学用代码贴图












进一步把各种图片编入代码如下:





<!--webbot bot="SaveResults" U-File="fpweb:///_private/form_results.csv" S-Format="TEXT/CSV" S-Label-Fields="TRUE" -->

<TABLE borderColor=#fff000 cellpadding=30 cellpadding= 15 cellSpacing=15
cellPadding=15 width="500" bgcolor="#0000FF" border=12>

<TBODY>

<TR>

<TD>

<BR>

<CENTER>

<font style=font:20pt face=隶书 color=fff000>启步学用代码贴图</font></CENTER>

<BR>

<P align=center><img src="http://www.bingwu.net/bbs/UploadFile/2005-1/2005130213220553.gif"width=300
height=40></P>

<br>

<P align=center><img src="http://fjfrbbs.cnco.cn/uploadfile/200410516442455513.jpg"width=300
height=330></P>

<BR>

<P align=center><img src="http://www.bingwu.net/bbs/UploadFile/2005-1/2005130213220553.gif"width=300
height=40></P>

<br>

<P align=center><img src="http://linker.huabao.net/bbs//images/upfile/200583101647.jpg"width=300
height=330></P>

<br>

<BR>

<P align=center><img src="http://www.bingwu.net/bbs/UploadFile/2005-1/2005130213220553.gif"width=300
height=40></P>

<br>

<CENTER>

<font style=font:20pt face=隶书 color=fff000>图文:网络<br>编辑:网友</font></CENTER></TD></TR></TBODY></TABLE>

 

 

 

分类: 常识
票数:
什么是“我顶”?
点击数:    评论数:
本文章引用通告地址(TrackBack Ping URL)为:
本文章尚未被引用。
下一篇: 学代码1
发表评论
大 名:
(不填写则显示为匿名者)
网 址:
(您的网址,可以不填)
标 题:
内 容:
请根据下图中的字符输入验证码:
(您的评论将有可能审核后才能发表)
和讯个人门户 v1.0 | 和讯部落 | 客服中心