7.HTML图像标签

2021-06-05 13:03

阅读:620

标签:图标   inf   相关   pre   html标签   image   star   文件格式   end   

HTML网页中任何元素的实现都要依靠HTML标签,要想在网页中显示图像就需要使用图像标签,接下来将详细介绍图像标签 img 以及和他相关的属性。

1.使用方法

1 img src="路径/文件名.图片格式" width="属性值" height="属性值" border="属性值" alt="属性值">

2.属性

  1. src:指定我们要加载的图片的路径和图片的名称以及图片格式。

  2. width:指定图片的宽度,单位px、em、cm、mm。

  3. height:指定图片的高度,单位px、em、cm、mm。

  4. border:指定图标的边框宽度,单位px、em、cm、mm。

  5. title:当网页上的图片被加载完成后,鼠标移动到上面去,会显示这个图片指定的属性文字,也就是鼠标悬停时显示的内容。

  6. alt:如果图像没有下载或者加载失败,会用文字来代替图像显示;搜索引擎可以通过这个属性的文字来抓取图片。

3.注意

  1. img 为单标记,不需要使用 img 闭合

  2. 在加载图像文件的时候,文件的路径或者文件名文件格式错误,将无法加载图片

4.举例

1 img src="img/gzh.jpg" width="200px" height="200px" border="3px" title="码海无际" alt="二维码">
2 img src="img/gzh.jp" width="200px" height="200px" border="3px" title="码海无际" alt="二维码">

技术图片

7.HTML图像标签

标签:图标   inf   相关   pre   html标签   image   star   文件格式   end   

原文地址:https://www.cnblogs.com/mahaiwuji/p/12332831.html


评论


亲,登录后才可以留言!