该篇文章为 freecodecamp Build a tribute page project 作业

查看效果：tribute-page

blockquote 块级引用元素

HTML <blockquote> 元素（或者 HTML 块级引用元素），代表其中的文字是引用内容。通常在渲染时，这部分的内容会有一定的缩进（注 中说明了如何更改）。若引文来源于网络，则可以将原内容的出处 URL 地址设置到 cite 特性上，若要以文本的形式告知读者引文的出处时，可以通过 <cite> 元素。

1
2
3
4
5
6
7
8
<blockquote>
  <p>
    "Borlaug's life and achievement are testimony to the far-reaching
    contribution that one man's towering intellect, persistence and scientific
    vision can make to human peace and progress."
  </p>
  <cite>-- Indian Prime Minister Manmohan Singh</cite>
</blockquote>

figure 可附标题内容元素

HTML <figure> 元素代表一段独立的内容，可能包含 <figcaption> 元素定义的说明元素。该插图、标题和其中的内容通常作为一个独立的引用单元。

1
2
3
4
<figure>
  <img src="/media/cc0-images/elephant-660-480.jpg" alt="Elephant at sunset" />
  <figcaption>An elephant at sunset</figcaption>
</figure>