您的位置:CSS5 > HTML >

 

img图片标签教程

 

Html中img图片标签结构-img语法教程篇

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

一、语法与结构:

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

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

二、Img标签使用说明:

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

三、Img图片标签代码案例:

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

<img src="//css5.com.cn/images201610/logo.gif"
width="175" height="51" alt="CSS5的LOGO" />

四、效果示例图:

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

五、Html img图片标签结构说明图

html img标签语法解剖分析图
<img>标签元素结构分析图

六、CSS5对img标签总结:

1、Img标签非常常用,作用就是引入外部图片到html中显示出引入图片内容。
2、使用时候注意结构,图片路径正确,宽度、高度根据实际需要而设置。
3、通常我们会使用CSS样式对图片img标签的width、height、css border边框进行设置,我们在CSS5其他地方也有针对CSS img标签样式设置教程介绍。

标签(Tag): 图片 img
本文分享URL地址:http://css5.com.cn/html/352.shtml

更多

上一页: 上一篇:HTML5 知识
下一页: 下一篇:hr水平线标签

 

CSS必备基础教程 - TOP

 

热门信息

 

CSS5更新 - TOP

 

 

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解。
CSS教程文章修订日期::2001-01-16     点击:
原创:CSS5     来源网址:http://css5.com.cn/html/352.shtml
本文css5.com.cn(DIV CSS) CSS5版权所有,欢迎转载,并注明出处来源及URL!