现在，让我们深入到body元素，并添加一些真正的页面结构。在body里面输入一个header标签，然后将我们的h1放在header里面。
<body>
<header>
<h1>I Love www.oxox.work</h1>
</header>
</body>
在header下面，我们创建一个section元素。然后在下面，我再创建一个footer：
<body>
<header>
<h1>I Love www.oxox.work</h1>
</header>
<section></section>
<footer></footer>
</body>
现在，我在这里添加了三个新元素，header元素，section元素和footer元素。它们为我们的网站内容提供了基本的结构。header元素不同于我们之前添加的head元素。head元素只是用于Web浏览器读取有关HTML文档的元数据。这个新的header元素实际上是网站内容的一部分，并帮助网站的访问者了解我们网站的结构。在header中，有我们之前创建的第一级标题。现在，让我们再添加一个二级标题，用来对比我们之前创建的一级标题。当二级标题在我们的网页上呈现时，它将比我们的第一级标题稍小。因此，在我的第一级标题后面，我要键入h2
<header>
<h1>I Love www.oxox.work</h1>
<h2>Easy and happy to learn</h2>
</header>
接下来，这个section元素将包含我们的图像画册.section，顾名思义，它描述的是页面内容的一个结构，就像报纸一样。现在，因为我们还没有准备好建立我们的画册，所以这里我们临时添加一个占位符段落，这样当我们预览页面的时候，我们将知道这个section元素出现的位置。所以，在我的section元素里面，我要输入一个段落元素，然后输入：这里是画册。
<header>
<h1>I Love www.oxox.work</h1>
<h2>Easy and happy to learn</h2>
</header>
<section>
<p>这里是画册</p>
</section>
footer元素是header元素的补充。我们可以把版权信息或社交媒体链接放到这里，类似于header元素，这通常是一个我们想要在每个页面上放置通用的信息的地方。所以在footer中，我们添加一些版权信息。这里，我要创建一个新的段落，然后，我们将在这里使用一些特殊的代码，这里我先输入，然后解释它。 我要键入一个＆符号，然后跟上copy加一个分号。在我的分号后，输入一个空格。接着2017虚幻大学。
这是个特殊的语法，这个字符没有出现在我们的键盘上。事实上，它是版权字符。所以，我们需要输入一个HTML实体。有很多这样的HTML实体，我们没有必要记住他们。大多数网页设计师和开发人员只需Google一下，就可以找到它们。 现在，让我们保存我们的网页，然后，在我们打开这个HTML之前，我想让大家尝试想象一下，你认为页面将是什么样子。现在，让我们打开它。 你看，是不是和你想象的一样？页面上有一个白色背景和一些黑色的文本。还有浏览器默认的最基本的样式。后面的课程中，我们将通过css来添加更多的样式，现在让我们从上到下来查看，在页面的头部，有2个标题，1级和2级标题。接着是页面的内容和页脚。这和我们的代码的顺序完全相同。换句话说，我们不能只是把东西随机的放到我们的HTML页面上。它是有顺序的。这节课，我们覆盖了很多新的HTML元素，包括文档类型，HTML元素，section元素，header元素，footer元素，以及标题部分和页脚元素。在继续之前，做一些练习，以确保您掌握了这些重要信息。 更多精彩内容尽在视频中！
