HTML <img> 元素将一份图像嵌入文档。
默认为行内元素，即display: inline。

src属性

该属性是必须的，它包含了你想嵌入的图片的文件路径。

alt属性

该属性包含一条对图像的文本描述，这不是强制性的，但对可访问性而言，它难以置信地有用——屏幕阅读器会将这些描述读给需要使用阅读器的使用者听，让他们知道图像的含义。如果由于某种原因无法加载图像，普通浏览器也会在页面上显示alt 属性中的备用文本：例如，网络错误、内容被屏蔽或链接过期时。

height属性

图像的高度，在 HTML5 中的单位是 CSS 像素，在 HTML 4 中既可以是像素，也可以是百分比。可以只指定 width 和 height 中的一个值，浏览器会根据原始图像进行缩放。

width属性

图像的宽度，在 HTML5 中单位是 CSS 像素， 在 HTML 4 中可以是像素也可以是百分比。

  1. <!DOCTYPE html>
  3. <html lang="zh-CN">
  5. <head>
  6.     <meta charset="utf-8">
  7.     <meta name="keywords" content="算法,前端,编程,计算机">
  8.     <meta name=" description" content="Web学习之旅">
  9.     <title>Web learning</title>
  10.     <link rel="icon" href="/images/logo.png">
  11. </head>
  13. <body>
  14.     <!-- 这是标题 -->
  15.     <h1>Hello World!</h1>
  17.     <img src="/images/background.jpg" alt="背景" width="300">
  18.     <img src="/images/background.jpg" alt="背景" width="300">
  19.     <span>你好</span>
  20. </body>
  22. </html>