在上一节说到,我们可以快速的生成HTML的结构,如下图所示:

虽然能快捷生成,但是我们必须了解HTML的结构组成:
<!DOCTYPE html>
- 这是第一行代码,[DOC意思是document],TYPE为类型,html为文件,这个是和浏览器说明,这是一个html的一个文件类型。
<!DOCTYPE html>
<html></html>
- 接下来我们将创建HTML标签,HTML所有的标签都应在此标签之中。
<!DOCTYPE html>
<html>
<head></head>
</html>
- 接着就像描述一个人一样,先把头给描述出来,头部元素在浏览器窗口是不可见的,所以这里会有一些标题,一些页面信息,以及链接CSS等其他东西
<!DOCTYPE html>
<html>
<head></head>
<body></body>
</html>
- 头出来了,就来创造我们的身体,身体元素是在浏览器页面上可见的,所以我们在页面的上能看见的元素都应该添加至身体元素里面。
- 刚刚说了,我们的HTML的标题需要包含在头部元素,这时候我们来为页面添加一个标题
<!DOCTYPE html>
<html>
<head>
<title>HTML是最基本的网页语言</title>
</head>
<body></body>
</html>
- 现在我们在身体元素里面添加一些浏览器页面可见的元素,例如一级标题
<!DOCTYPE html>
<html>
<head>
<title>HTML是最基本的网页语言</title>
</head>
<body>
<h1>HTML是最基本的网页语言</h1>
</body>
</html>
- 现在我们保存代码,然后双击该html文件即可在浏览器打开查看效果。
