HTML——基础
第1关：初识HTML：简单的Hello World网页制作
编程要求
请在右侧的编辑器中的Begin - End区域内直接编辑修改HTML页面，具体要求是：
- 在
<h1></h1>标签之间输入"Hello World" - 在
<p></p>标签之间输入"动手改变世界" - 在
<h1>和<p>元素的开始标签中输入align="center" - 再在
<body>开始标签中输入bgcolor="F6F3D6"，将背景设置为浅黄色
测试说明
补充完代码后，点击测评，平台会对你编写的代码进行测试，当你的结果与预期输出一致时，即为通过。
代码实现
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello world</title>
</head>
<!--------- Begin-------->
<body bgcolor="F6F3D6">
<!--用HTML语言向世界打声招呼吧！-->
<h1 align="center">Hello World</h1>
<p align="center">动手改变世界</p>
</body >
<!--------- End-------->
</html>
第2关：HTML结构自我简介网页
任务描述
本关任务是编写一个自我简介网页，你将通过本任务理解一个HTML网页的完整结构，并了解如何让搜索引擎更好的找到你的网页。
编程要求
请在右侧的编辑器中的Begin - End区域内直接编辑修改HTML页面，具体要求是：
- 在第5行中，添加title元素，内容为“自我简介”
- 在第7行中，完善关键词标签
- 修改第13行的自我简介信息和关于你自己的三个关键词
测试说明
补充完代码后，点击测评，平台会对你编写的代码进行测试，当你的结果与预期输出一致时，即为通过。
代码实现
<!DOCTYPE html>
<html>
<!--------- Begin-------->
<title>自我简介</title>
<head>
<meta charset="utf-8">
<meta name="description" content="XXX的自我简介网站">
<meta name="keywords" content="自我简介,关键词一,关键词二,关键词三">
</head>
<body>
<h1 align="center">自我简介</h1>
<meta name="keywords" content="关键词一,关键词二,关键词三">
<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>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
