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

琳达 博客

海外游子

 
 
 

日志

 
 

【转载】06:贴图标签的基本代码  

2014-08-04 12:05:16|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自格林浪人《06:贴图标签的基本代码》
欢迎您!启步学代码。

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


格林浪人 整编

贴图标签的基本代码

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

<img src="http://blog.163.com/图片地址">

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

  贴图实例代码1:

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

  显示效果:
06:贴图标签的基本代码 - 格林浪人 - 格林浪人 欢迎您! 



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


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

   说明:
  ◆border=5 图片加边框及宽度.
  ◆width=500 设置图片宽度.


  显示出结果:

06:贴图标签的基本代码 - 格林浪人 - 格林浪人 欢迎您! 



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

<img src="http://m1.mmxxdd.com/m3/1115/02.jpg" width=300 style="FILTER: Alpha(Opacity=150,style=2)">

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



  显示结果:
06:贴图标签的基本代码 - 格林浪人 - 格林浪人 欢迎您!




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

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

  显示结果:







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

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

06:贴图标签的基本代码 - 格林浪人 - 格林浪人 欢迎您!

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

<INPUT src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"type=image width=750">

  显示结果:







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





击点打开html代码浏览器

  原创编辑:游子
2005年10月试编 2006年06月改编
2007年04月改编 2008年11月改编
2010年7月11日 格林浪人整编

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

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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