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

太师的博客

学无止境,快乐无限

 
 
 

日志

 
 

贴图标签的基本代码  

2012-11-13 08:26:13|  分类: 网海搜寻 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
欢迎您!启步学代码。

(游子学习笔记。 供初学HTML代码的朋友参考)



贴图标签的基本代码

  做音画贴,必须有图片,文字和音乐,不可缺一.先练习基本的贴图方法和代码,贴图标签如下:

<img src="图片地址">

   说明:
  ◆这是贴图标签,只有一个指令属性和属值,图片的宽度和高度依原大小显示.
  ◆"图片地址"必须是从网络上取来有效的文件地址,例如:
   "http://sucai.heima.com/sucai/news/xhtp/22.jpg".
  ◆从网络上取图片地址的方法:在网页上用鼠标对着图片击右键,选击属性,在弹出窗口中的
   地址复制下来就可用了.但是有些网站不准键接使用,最好将下载下来的地址,在空白网页
   的地址栏上检查一下. 击点打开空白网页.
  ◆将图片的文件地址粘贴在贴图标签中"图片地址"四个字上,就可在html模式发表了.

  贴图实例代码1:

<img src="http://sucai.heima.com/sucai/news/xhtp/08.jpg">


  显示效果:

贴图标签的基本代码 - 星系-ZDW. - 太师的博客





   贴图标签还可以增加一些指令属性内容,如图片加边框和设置图片宽度等.例如:


<img src="http://sucai.heima.com/sucai/news/xhtp/08.jpg" width=500 border=5 solid #ff0000>


   说明:
  ◆border=5 图片加边框及宽度.
 ◆solid #ff0000 图片边框的颜色 ◆width=500 设置图片宽度.



  显示出结果:

贴图标签的基本代码 - 星系-ZDW. - 太师的博客





  在贴图标签行内套用css样式表语句还可以实现图片羽化效果.代码如下:

<img src="http://img7.bimg.126.net/photo/QwGcsgc_CviQlIUbt_q4UA==/2565081462764636947.jpg" width=500 style="FILTER: Alpha(Opacity=100,style=2)">


  ◆width=属值宽度可自定.
  ◆style= 套用样式表标记.
  ◆"FILTER: Alpha(Opacity=150,style=2)" 图片羽化效果语句.



  显示结果:



羽化前图片

贴图标签的基本代码 - 星系-ZDW. - 太师的博客


羽化后图片

贴图标签的基本代码 - 星系-ZDW. - 太师的博客





  用图片大小可调的贴图代码模式1:

<img src="http://sucai.heima.com/sucai/news/xhtp/22.jpg"type=image width="300">


  显示结果:

贴图标签的基本代码 - 星系-ZDW. - 太师的博客







  用图片大小可调的贴图代码放大图片:

图片原来的宽度和高度大小如下:

贴图标签的基本代码 - 星系-ZDW. - 太师的博客

用图片大小可调的贴图代码:

<IMG src="http://img4.bimg.126.net/photo/WvKsEKYio-25853Nuf-w2Q==/567735028025850784.jpg"type=image width=650">


  显示结果:

贴图标签的基本代码 - 星系-ZDW. - 太师的博客





  用图片大小可调的贴图代码缩小图片,把上面代码中的宽度650改为250,效果如下:

贴图标签的基本代码 - 星系-ZDW. - 太师的博客





击点打开html代码浏览器

贴图标签的基本代码 - 星系-ZDW. - 太师的博客
  原创编辑:游子
2005年10月试编 2006年06月改编
2007年04月改编 2008年11月改编

(为了让更多网友学用html代码制作音画贴,本贴欢迎转载.但是.我用了很多时间和精力编写这些资料的,转载时请注意网络上的荣辱公德不要把原创编辑游子的名字改掉。谢谢!)



 


您已欣赏本篇日志 贴图标签的基本代码 - 星系-ZDW. - 太师的博客贴图标签的基本代码 - 星系-ZDW. - 太师的博客。谢谢朋友对我的支持!

 


 

贴图标签的基本代码 - 星系-ZDW. - 太师的博客星系-ZDW欢迎您!贴图标签的基本代码 - 星系-ZDW. - 太师的博客

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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