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

▁涵▎人 生 若 只 如 初 见‥

有些爱很沉重,生命依然负不住那份疼痛.当年华垂暮,再忆曾经,泪水依旧倾城.

 
 
 

日志

 
 

【转载】运用html代码进行帖图的格式  

2014-05-02 19:14:21|  分类: 【边框代码】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

一、html代码:

1、基本语法:
<img src="图片文件地址">

2、图片普通插入
<img border=0 src="图片文件地址"> 

效果:
【转载】运用html代码进行帖图的格式 - 花指泪涵 - 花指泪涵

3、设定图片上下左右空白位置
<img src="图片文件地址" width=130 height=92 border=0 hspace=30 vspace=50">

效果:
【转载】运用html代码进行帖图的格式 - 花指泪涵 - 花指泪涵

4、设定图片中间对齐,边框厚度为8
<img src="图片文件地址" border=8 align=middle>

效果:
【转载】运用html代码进行帖图的格式 - 花指泪涵 - 花指泪涵

5、放大图片
<img src="图片文件地址" width=600 height=100 border=0>

效果:
【转载】运用html代码进行帖图的格式 - 花指泪涵 - 花指泪涵

6、设定图片靠右
<img src="图片文件地址" border=0 align=right>效果:【转载】运用html代码进行帖图的格式 - 花指泪涵 - 花指泪涵


二、<img>称图形标记,主要用来插入图形标记

三、<img>的一般参数设定:
<img src="logo.gif" width=100 height=100 hspace=5 vspace=5 border=2 align="top" alt="Logo of PenPals Garden" lowsrc="pre_logo.gif">

1、src="logo.gif"
图片来源,接受 .gif, .jpg 及 .png 格式

2、width=100 height=100
设定图片大小,通常只设为图片的真实大小,以免失真,若需要改图片大小最好使用图像编辑工具。(改变大小的宽和高与原图的宽和高要成正比例,图片最好是改小不改大,以免失真。)

3、hspace=5 vspace=5
设定图片边沿空白,以免文字或其它图片贴近。hspace 是设定图片左右的空间, vspace是设定图片上下的空间

4、border=2
图片边框厚度

5、align="top"
调整图片旁边文字的位置,你可以控制文字出现在图片的偏上方、中间、底部、左右等,可选值:top, middle, bottom, left, right,内定为 botom。
Netscape 还支持 texttop, baseline, absmiddle, absbottom,
texttop 表示图片和文字依顶线对齐,
baseline 表示图片对齐到目前文字行底线值,
absmiddle 表示图片对齐到目前文字行绝对中央,
absbottom 表示图片对齐到目前文字行绝对底部,(绝对底部是指它考虑到比如 y 、g、q 等字的下边)

6、alt="Logo of PenPal Garden"
这是用以描述该图形的文字,若使用文字浏览器,由于不支持图片,这些文字 将会代替图片被显示。若支持图片的浏览器,当鼠标移至图片上该文字也会显示

7、lowsrc="pre_logo.gif"
设定先显示低解析度的图片,若加入的是一张很大的图片,下载要很长的时间,这张低 解析度的图片会先被显示以免浏览者失去兴趣,通常是原图的黑白版本

来自网络

  评论这张
 
阅读(1374)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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