测试你的技能:HTML 文本基础知识

该技能测试的目的是评估你是否理解如何 在 HTML 中标记文本 赋予其结构和含义。

¥The aim of this skill test is to assess whether you understand how to mark up text in HTML to give it structure and meaning.

注意:你可以在此页面上的交互式编辑器或在线编辑器(例如 CodePenJSFiddleGlitch)中尝试解决方案。

¥Note: You can try solutions in the interactive editors on this page or in an online editor such as CodePen, JSFiddle, or Glitch.

如果你遇到困难,可以通过我们的 沟通渠道 之一与我们联系。

¥If you get stuck, you can reach out to us in one of our communication channels.

任务 1

¥Task 1

在此任务中,我们希望你使用语义标题和段落元素来标记提供的 HTML。

¥In this task, we want you to mark up the provided HTML using semantic heading and paragraph elements.

完成的示例应如下所示:

¥The finished example should look like this:

尝试更新下面的实时代码以重新创建完成的示例:

¥Try updating the live code below to recreate the finished example:

下载此任务的起点 在你自己的编辑器或在线编辑器中工作。

¥Download the starting point for this task to work in your own editor or in an online editor.

任务 2

¥Task 2

在此任务中,我们希望你将第一个未标记列表转换为无序列表,将第二个列表转换为有序列表。

¥In this task, we want you to turn the first un-marked up list into an unordered list, and the second one into an ordered list.

完成的示例应如下所示:

¥The finished example should look like this:

尝试更新下面的实时代码以重新创建完成的示例:

¥Try updating the live code below to recreate the finished example:

下载此任务的起点 在你自己的编辑器或在线编辑器中工作。

¥Download the starting point for this task to work in your own editor or in an online editor.

任务 3

¥Task 3

在此任务中,将为你提供一个段落,你的目标是使用一些内联元素来标记几个具有高度重要性的适当单词和几个强调的单词。

¥In this task, you are provided with a paragraph, and your aim is to use some inline elements to mark up a couple of appropriate words with strong importance, and a couple with emphasis.

完成的示例应如下所示:

¥The finished example should look like this:

尝试更新下面的实时代码以重新创建完成的示例:

¥Try updating the live code below to recreate the finished example:

下载此任务的起点 在你自己的编辑器或在线编辑器中工作。

¥Download the starting point for this task to work in your own editor or in an online editor.