本关任务是编写一个自我简介网页，你将通过本任务理解一个HTML网页的完整结构，并了解如何让搜索引擎更好的找到你的网页。

显示效果如下图所示：

为完成以上网页制作，请大家认真阅读以下相关知识。

在前两关中，我们学习了基本的HTML网页相关概念和属性。你也已经动手写过最简单的HTML网页。

接下来，我们开始学习一个简单完整网页结构。它包含的主要元素，如下图所示：

我们来看如下示例：

在这里简单的描述一下你自己吧。

显示效果如图：

从显示效果来看，该网页似乎与我们之前所学网页没有什么不同。但这个网页更容易被搜索引擎发现。

下面，我们将结合代码为大家讲解该网页完整结构和为什么更容易被搜索引擎发现。

首先，第一行：

声明了该文档是HTML 5的文档。

因为在Web世界里，有很多各式各样的文档类型，所以我们首先需要做的便是声明该文档是HTML，以便浏览器正确显示网页。

如果你想声明为HTML 4.01的文档可以这样写：

因为本实训以HTML 5作为标准，所以统一使用第一种方式。

提示：

为什么与HTML4.01相比HTML 5声明中没有数字"5"呢？ 因为W3C认为之前的文档声明太过复杂，正好借此机会移除版本号，这样声明就更加简化；

在背景知识中，你能够了解更多HTML版本的历史信息。

然后，元素告知浏览器其本身是一个HTML文档。

除去第一行外，其余的页面内容都应该包含在元素中，所以它也被称为根元素。

与属性会给元素增添附加信息一样，head元素能为整个网页增添更多信息。可以用在head中的标签有, , , , , 以及 。在之后的学习中，你将逐渐的了解它们。

本例网页主要内容是“自我简介”，所以title也设置为“自我简介”。 title元素的内容即网页标题，它是一个网页必需的元素之一。

的内容一般作为网页标签名，写法如下：

title内容显示位置：

meta元素提供元数据信息，主要包括：

页面编码；

网页标题；

网页描述；

网页关键词。

这些信息，一方面可用于告知浏览器如何展示页面，另一方面可以提供给搜索引擎检索。 因为搜索引擎会通过meta元素的name和content属性来检索页面，所以当我们加入了合适的关键字和描述内容时，页面就更容易被搜索引擎发现。

该行定义了浏览器解析网页文档时使用的编码方式。通常，我们使用utf-8编码以支持各国语言。

描述信息使用一句话告知搜索引擎我们网页的主要内容是什么。

通常description的写法如下：

同理，关键词信息使用多个并行的关键词告知搜索引擎我们网页内容的关键词信息。

通常keywords的写法如下：

元素是一个文档的主体，文档内容都包含在元素中，最终呈现在网页上。

请在右侧的编辑器中的Begin - End区域内直接编辑修改HTML页面，具体要求是：

在第5行中，添加title元素，内容为“自我简介”；

在第7行中，完善关键词标签；

修改第13行的自我简介信息和关于你自己的三个关键词。

补充完代码后，点击测评，平台会对你编写的代码进行测试，当你的结果与预期输出一致时，即为通过；

生活充实的含义，应是阅历得广，明白得多，有发现的能力，有推断的方法，性情丰厚，兴趣饶富，内外合一，即知即行，等等。

恭喜你完成本关，如果觉得有收获，就在下面点个赞吧！

在这里简单的描述一下你自己吧。

这三个词可以是一种形容，也可以是一种运动或者是一种独特的爱好，等等。

选择第一个词的原因

选择第二个词的原因

选择第三个词的原因