HTML教程

html img图片标签

html 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="./css-logo.gif" width="175" height="47" alt="DIVCSS5的LOGO" />
  四、效果示例图: 
  html img标签使用示范截图
html img标签使用示范截图
  说明:我们使用img标签在html中引入外部的图片
  五、Html img图片标签结构说明图
html img标签语法解剖分析图
  <img>标签元素结构分析图
  六、对img标签总结:
  1、Img标签非常常用,作用就是引入外部图片到html中显示出引入图片内容。
  2、使用时候注意结构,图片路径正确,宽度、高度根据实际需要而设置。
  3、通常我们会使用CSS样式对图片img标签的width、height、css border边框进行设置,网站其他地方也有针对CSS img标签样式设置教程介绍。

本文由唯速营销软件站(www.only-softs.com)收集于网络不代表本站观点,如果您还想了解更多关于营销软件SEO培训怎么做网站的文章,请关注唯速营销软件站,(微信/QQ:929313377)

本文地址:SEO培训  http://www.only-softs.com/html/5183.html

上一篇:HTML快速入门视频教程 _唯速SEO培训
下一篇:DIV+CSS规范命名大全集合 _唯速SEO培训

QQ在线咨询
售前咨询
点击这里给我发消息
售后咨询
点击这里给我发消息