注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

一杯清茶, 一句问候!

进来坐坐,听听音乐!

 
 
 

日志

 
 

在图框套装内贴图片和文字  

2007-09-21 19:46:54|  分类: 博客美化 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

 

用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>

 


显示结果:



 

  评论这张
 
阅读(907)| 评论(6)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018