1. 任务背景
之前我们开发的网页，只有一个标题，内容部分却是空空荡荡让人难受。那今天咱们必须充实其躯体，使其更健全！
2. 任务目标
学习如何编写网页的主体内容部分。
3. 相关知识点
3.1 HTML基本结构
网页是HTML代码编写的，而HTML代码是由标签组成的。
标签的样式形如<xxx></xxx>，注意<xxx>是标签的开头部分，</xxx>是对应的结尾部分，开头和结尾中间夹着的就是标签的内容了。
所以，之前我们讲的三个标签<html>、<head>、<title>分别对应的是整个网页，网页的头部，网页头部的标题。如下图，红线部分就是整个网页，蓝线部分就是网页的头部，而hello就是网页头部的标题。
我们看如下的代码，html包含了head，head又包含了title。所以代码运行后，红框(html)包含了篮框(head)部分，篮框(head)部分又包含了标题(title)部分，代码控制了显示。
<!DOCTYPE html>
<html>
<head>
<title>hello</title>
</head>
</html>
3.2 body标签
在一个网页中，除了上面的标题，最重要的是网页的内容部分，如下图，蓝线部分是网页的标题，而下面主要的展示区域就是网页的内容部分了。
网页的内容部分通过<body>标签进行描述，由于网页内容是属于网页的，所以<body>标签要在<html>标签内部；然后由于内容部分在头部标题的下方，所以<body>标签要处于<head>标签下面。
4. 任务实操
根据上面的知识点，我们编写代码如下：
<!DOCTYPE html>
<html>
<head>
<title>hello</title>
</head>
<body>
this is a web page
</body>
</html>
<body>标签中间包含的内容，会显示在浏览器的内容区域，所以上面代码的效果如下：
大家可以随意修改body标签中间的部分，然后保存后，再打开网页，查看效果。
5. 任务总结
html表示整个页面。
head代表网页的头部，title是头部的文字部分。
body是网页的内容部分。
好像很简单啊。