第2关：HTML结构：自我简介网页

创建HTML自我简介网页

最新推荐文章于 2024-07-05 21:33:03 发布

原创最新推荐文章于 2024-07-05 21:33:03 发布 · 7.3k 阅读

25 ·

CC 4.0 BY-SA版权

文章标签：

#html #visual studio code

Educoder刷题专栏收录该内容

15 篇文章

订阅专栏

本关任务指导初学者编写一个完整的自我简介网页，通过编辑HTML结构，包括添加标题元素、设置关键词标签，以及更新自我介绍内容，以提高搜索引擎可见性。

任务描述

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

显示效果如下图所示：
在这里插入图片描述

编程要求

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

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

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

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

测试说明

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

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

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

源码

<!DOCTYPE html>
<html>
    <!--------- Begin-------->

  <head>
    <meta charset="utf-8">
    <title>自我简介</title>
    <meta name="description" content="XXX的自我简介网站">
    <meta name="keywords" content="自我简介,关键词一,关键词二,关键词三">
  </head>
  <body>
    <h1 align="center">自我简介</h1>

    <h2>简介</h2>
    <p>在这里简单的描述一下你自己吧。</p>

    <h2>三个与你最有关的词</h2>
    <p>这三个词可以是一种形容，也可以是一种运动或者是一种独特的爱好，等等。</p>
    <ul>
        <li>第一个词</li>
        <p>选择第一个词的原因</p>
        <li>第二个词</li>
        <p>选择第二个词的原因</p>
        <li>第三个词</li>
        <p>选择第三个词的原因</p>
    </ul>
</body>
  <!--------- End-------->

</html>