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
  • %
设置图像的宽度。

猜你喜欢

转载自www.cnblogs.com/Nlifea/p/11823130.html
今日推荐