您的位置:CSS主页 > HTML基础 >

HTML img标签-图片标签

 

 html <img>图片标签教程与img标签案例演示

img图片标签目录
  1. 语法与结构
  2. Img标签使用说明
  3. Img图片标签代码案例
  4. 效果示例图
  5. Html img图片标签结构说明图
  6. ThinkCSS对img标签总结
  7. 在线演示

1、语法与结构:   -   TOP

<img src="图片路径" width="175" height="47" alt="" />

Src 跟图片路径
Width 设置图片宽度
Height 设置图片高度
Alt 设置对这张图片文字描述,通常设置描述是为了搜索引擎能读懂你这张图片表达内容(有利于搜索引擎优化因素而使用)

2、Img标签使用说明:   -   TOP

Img标签在html中是引入外部图片到网页中显示的标签。

3、Img图片标签代码案例:   -   TOP

在HTML中body区内添加内容如下:

  1. <img src="http://www.divcss5.com/css-images/css-logo.gif"
     width="175" height="47" alt="DIVCSS5的LOGO" /> 

4、效果示例图:   -   TOP

说明:我们使用img标签在html中引入外部的图片

5、Html img图片标签结构说明图   -   TOP


HTML img标签结构分析图

6、ThinkCSS对img标签总结:   -   TOP

1)、Img标签非常常用,作用就是引入外部图片到html中显示出引入图片内容。
2)、使用时候注意结构,图片路径正确,宽度、高度根据实际需要而设置。

7、html img图片标签在线演示:   -   TOP

http://www.thinkcss.com/yanshi/img.html

标签(Tag): 图片 标签 img 图片标签

更多

上一页: 上一篇:HTML body内容元素标签
下一页: 下一篇:Html <form>表单标签元素

 

HTML必备基础教程

 

CSS必备基础教程

 

 

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解。
CSS教程文章修订日期:2012-06-29     点击:
原创来源:ThinkCSS     来源网址:http://www.thinkcss.com/view/a17.html
本文WWW.ThinkCSS.COM(DIV CSS) ThinkCSS版权所有,欢迎转载,并注明出处来源及URL!

 

推荐信息