1、HTML结构
一个页面是由以下4个部分组成：
- 一个文档声明：
<!DOCTYPE html> - 一个html标签对：
<html></html> - 一个head标签对：
<head></head> - 一个body标签对：
<body></body>
2、head标签
在HTML中，一般来说，只有以下6个标签能放在head标签内：
title标签 meta标签 link标签 style标签 script标签 base标签
2.1title标签
在HTML中，title标签唯一的作用就是定义网页的标题。
<!DOCTYPE html>
<html>
<head>
<!--注释的内容-->
<meta charset="utf-8"/>
<title>这是一个网页标题</title>
</head>
</html>
2.2meta标签
meta标签一般用于定义页面的特殊信息，例如页面关键字、页面描述等。这些信息不是提供给人看的，而是提供给搜索引擎看的，meta标签有2个重要的属性：name和http-equiv
（1）name属性
常用的name属性取值只有2个：keywords、description
（2）http-equiv属性
在HTML中，meta标签的http-equiv属性只有2个重要作用：
① 定义网页所使用的编码，<meta charset="utf-8"/> 每个HTML页面中都需要添加，且<meta charset="utf-8"/>这一句必须放在title标签以及其他meta标签前面。
<meta charset="utf-8"/>
② 定义网页自动刷新跳转。
<meta http-equiv="refresh" content="6;url=http://www.baidu.com"/>
<!DOCTYPE html>
<html>
<head>
<!--`meta`标签http-equiv属性-->
<!--1.定义网页所使用的编码格式-->
<meta charset="utf-8"/>
<!--2.定义网页自动刷新跳转，页面6秒钟自动跳转到百度页面-->
<!-- <meta http-equiv="refresh" content="6;url=http://www.baidu.com"/> -->
<!--在HTML中，`title`标签唯一的作用就是定义网页的标题-->
<title>这是一个网页标题</title>
<!--`meta`标签name属性-->
<!-- 1.网页关键字-->
<meta name = 'keywords' concent = '前端开发，后端开发。'/>
<!-- 2.网页描述-->
<meta name = 'description' concent = 'WEB技术学习网站'/>
<!-- 3.本页作者-->
<meta name = 'author' concent = 'author'/>
<!-- 4.版权声明-->
<meta name = 'copyright' concent = '本站所有教程均为原创，版权所有，禁止转载，否则将必追究法律责任。'/>
</head>
<body>
<p>这是网页的内容</p>
</body>
</html>
2.3style标签
style标签用于定义元素的CSS样式。
<style type="text/css">
/*这里写css样式*/
</style>
2.4script标签
script标签用于定义页面的JavaScript代码，也可以引入外部JavaScript文件。
<script>
/*这里写JavaScript代码*/
</script>
2.5link标签
link标签用于引入外部样式文件（CSS文件）。
<!--`link`标签标签用于引入外部样式文件（`CSS`文件）-->
<link type = "text/css" rel = 'stylesheet' href="css/index.css">
2.6base标签
base标签一点意义都没有，可以直接忽略
3.body标签
body标签表示页面的“身体”
<body>
<p>这是网页的内容</p>
<h3>静夜思</h3> <!--标题标签-->
<p>窗前明月光，疑是地上霜。</p> <!--文本标签-->
<p>举头望明月，低头思故乡。</p>
</body>
4.HTML注释
<!---->又叫注释标签，<!--表示注释的开始，-->表示注释的结束。注释的内容不会显示在浏览器中，HTML是给浏览器看的，注释标签是给我们看的。
<!--注释的内容-->
3274
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
