图像标记

Posted 笨鸟先飞

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了图像标记相关的知识,希望对你有一定的参考价值。

<img>图像标记

  1.使用方法:<img src =“路径/文件名.图片格式” width =“属性值” height =“属性值” border =“属性值” alt=“属性值”>

  2.注意:

    a.<img>为单标记,不需要使用</img>闭合

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

  3.<img>标记的属性

    a.  src为属性,作用指定我们要加载的图片的路径和图片的名称以及图片格式

    b.  width属性,作用指定图片的宽度,单位px,em,cm,mm

    c.  height属性,作用指定图片的宽度,单位px,em,cm,mm

    d.  border属性,作用指定图标的边框宽度,单位px,em,cm,mm

    e.  alt属性, 作用1当网页上的图片被加载完成后,鼠标移动到上面去,会显示这个图片指定的属性文字

          作用2如果图像没有下载或者加载失败,会用文字来代替图像显示

          作用3搜索引擎可以通过这个属性的文字来抓取图片

 

eg:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>第六天</title>
</head>
<body>
<img src="sds.html11" width="100px" height="1000px" border="10px" alt="这是一个测试case">
</body>
</html>

以上是关于图像标记的主要内容,如果未能解决你的问题,请参考以下文章

CSS 显示代码片段:使用PRE标记包裹长行

带有标记的Android谷歌地图片段

CPNtools协议建模安全分析---实例变迁标记

分享前端开发常用代码片段

如何加载保存到我的标记 ID 的图像并显示在该特定标记的自定义信息窗口中?

收藏|分享前端开发常用代码片段