链接和图片

a链接
a链接的基本用法：
<a href="http://www.google.com">google</a>。
href：指所要跳转的网页链接。
<a>：a标签内指的是显示跳转链接的文本。

当然，在href中不一定只能是网页的URL链接，也可以是文件所在的路径。这里的路径分为两种：绝对路径和相对路径。

  <a href="/a/b/c.html">绝对路径</a>
  <a href="a/b/c.html">相对路径</a>
  <a href="../../c.html">相对路径</a>

a链接有一个自有属性为target，这个属性的作用是打开新页面（文件）的方式。常用的属性值如下：

• <a href="http://www.google.com" target="_self">google</a>：默认打开页面的方式，在当前页面打开新的页面。
• <a href="http://www.google.com" target="_blank">google</a>：打开一个新的页面，在新的页面加载跳转链接。

图片
img标签：
使用方法：<img src="./image.jpg" alt="logo" />
其中：
src：表示图片的源地址
alt：表示如果图片加载失败，则给用户一个提示，提示用户这张图片所表达的意义。
注意: img是一个自闭合标签

figure：
使用方法：

  <figure>
    <img src="./image.jpg" alt="logo">
    <figcaption>图片说明</figcaption>
  </figure>

这个元素是一种可组合的元素，它可以作为图片和图片说明的共同的容器。如上述代码所示，img就是图片，而figcaption则是对这个图片的描述