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

雪劲松的博客

特色:新设学生创业目录。简约,条理,以观赏陶冶情操,以资料方便博友。

 
 
 

日志

 
 

常用HTML命令代码解释02-图形部分(原创)  

2008-07-10 17:16:17|  分类: 13-2、内容 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

常用HTML命令代码解释02-图形部分(原创) - 雪劲松 - 雪劲松的博客第二讲:图片

1、插入图片 <img src="图片地址">

如:<IMG src="http://img.blog.163.com/photo/rWqkj9uitRDxkqSPzXw2MA==/4283486195583036865.jpg">

显示:

常用HTML命令代码解释02-图形部分(原创) - 雪劲松 - 雪劲松的博客

 

2、设定图框 :<img src="图片地址" style=" border:数字 边框样式描述">
 如:<img src="http://img.blog.163.com/photo/rWqkj9uitRDxkqSPzXw2MA==/4283486195583036865.jpg" style=" border:7 double">
显示: 常用HTML命令代码解释02-图形部分(原创) - 雪劲松 - 雪劲松的博客

再如:<img src="http://img.blog.163.com/photo/rWqkj9uitRDxkqSPzXw2MA==/4283486195583036865.jpg" style=" border:7 double #CC6666">

显示:   常用HTML命令代码解释02-图形部分(原创) - 雪劲松 - 雪劲松的博客

与前不同之处是加了颜色代码#CC6666

 注释:Border-style—边框属性 ,属性含义为设置边框样式 ,属性值为None(无边框)、dotted(边框由点组成)、solid(边框为单线条)、double(边框为双线条)等。

 3、设定图形大小 :<img src="图片地址" width=宽度 height=高度>

如:<img src="http://img.blog.163.com/photo/rWqkj9uitRDxkqSPzXw2MA==/4283486195583036865.jpg" width=107 height=69>

显示:

常用HTML命令代码解释02-图形部分(原创) - 雪劲松 - 雪劲松的博客

4、设定图形上下左右留空 :<img src="图片地址" vspace=上下留空数 hspace=左右留空数>

如:(略)

5、图形附注 <img src="图片地址" alt="说明文字">

如:<img src="http://img.blog.163.com/photo/rWqkj9uitRDxkqSPzXw2MA==/4283486195583036865.jpg" alt="雪劲松欢迎您的光临!">

显示:(鼠标移上去会显示:雪劲松欢迎您的光临!

雪劲松欢迎您的光临!

                                                                  常用HTML命令代码解释02-图形部分(原创) - 雪劲松 - 雪劲松的博客本讲完,谢谢阅读!

                                                                      素材/网络,编写/雪劲松

  评论这张
 
阅读(353)| 评论(28)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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