HTML —— img标签

img标签

在文章中添加一个img只需要在body中添加以下代码

  <img src="文件的绝对路径或者相对路径" />

例如以下代码

　　

<!DOCTYPE html>
<html lang = 'en'>
<head>
  <meta charset="UTF-8">
  <link href="bg.css" type="text/css" rel="stylesheet">
  <title>
    Document
  </title>
</head>
<body>
<!--这是注释-->
<img src="1419584-20191024095416002-1358025665.jpg" />
</body>
</html>

结果是

 

 img是往网页中添加图片其中有两个必要的属性：

其一：src属性

<img> 标签的 src 属性是必需的。它的值是图像文件的 URL，也就是引用该图像的文件的的绝对路径或相对路径。

其二：alt属性

alt中的值通常为文本，如果网络延迟之类的原因导致图形无法显示，会使用alt中的文本代替

 

可选的属性

属性值描述
align
  • top
  • bottom
  • middle
  • left
  • right
 不推荐使用。规定如何根据周围的文本来排列图像。
border pixels 不推荐使用。定义图像周围的边框。
height
  • pixels
  • %
 定义图像的高度。
hspace pixels 不推荐使用。定义图像左侧和右侧的空白。
ismap URL 将图像定义为服务器端图像映射。
longdesc URL 指向包含长的图像描述文档的 URL。
usemap URL 将图像定义为客户器端图像映射。
vspace pixels 不推荐使用。定义图像顶部和底部的空白。
width
  • pixels
  • %
 设置图像的宽度。
posted @ 2019-11-08 20:34  Nlifea  阅读(366)  评论(0)  编辑  收藏  举报