一、<!DOCTYPE>
<!DOCTYPE>不是标签，是文档声明，声明文档的解析类型，告知浏览器解析器用什么标准解析文档，
目的：避免浏览器的怪异模式。
怪异模式：1、标准模式：浏览器使用W3C标准解析渲染页面，排版和JS运行以浏览器的最高标准运行。
2、兼容模式：浏览器使用非W3C标准解析渲染页面，页面以宽松向后兼容方式运行，模拟老浏览器防止站点无法工作。
目的：避免浏览器的怪异模式。
怪异模式：1、标准模式：浏览器使用W3C标准解析渲染页面，排版和JS运行以浏览器的最高标准运行。
2、兼容模式：浏览器使用非W3C标准解析渲染页面，页面以宽松向后兼容方式运行，模拟老浏览器防止站点无法工作。
doctype在HTML文档最前端，该声明必加，如下：
<!DOCTYPE html><!--文档声明类型-->
<html>
<mead>
<meta charset="utf-8">
<title>文档标题</title>
</mead>
<body>
内容
</body>
</html>二、HTML标签
html标签告知浏览器这是一个html文档，<html>是所有元素（除了doctype外）的容器，必加的标签。
<!DOCTYPE html><!--文档声明类型-->
<html><!--最外层 容器-->
<mead>
<meta charset="utf-8">
<title>文档标题</title>
</mead>
<body>
内容
</body>
</html>三、title标签
title元素定义文档的标题，一个文档只能有一个title，是必加的，不加则文档是无效的。
title元素：1、定义文档的标题（浏览器工具栏的标题）
2、提供页面被添加到收藏夹的标题
3、显示在搜索引擎结果中的标题
<!DOCTYPE html><!--文档声明类型-->
<html>
<mead>
<meta charset="utf-8">
<title>文档标题</title><1--文档标题-->
</mead>
<body>
内容
</body>
</html>四、body标签
body元素包含文档的全部内容（文本、超链接、图片、图像、表格、列表等）。
<!DOCTYPE html><!--文档声明类型-->
<html>
<mead>
<meta charset="utf-8">
<title>文档标题</title>
</mead>
<body><!--文档主体内容-->
文本、超链接、图片、图像、表格、列表等
</body>
</html>五、<h1>~<h6>标签
<h1>~<h6>定义文档的标题,字号依次减小，标题依次降低。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>标题标签</title>
</head>
<body>
<h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<h3>这是标题 3</h3>
<h4>这是标题 4</h4>
<h5>这是标题 5</h5>
<h6>这是标题 6</h6>
</body>
</html>
六、p、hr、br、<!--...-->标签
p元素标记一个段落。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>p标签</title>
</head>
<body>
<p>标记一个段落</p>
</body>
</html>
hr元素定义一条水平线，该元素是一个单标签，为闭合标签。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>hr标签</title>
</head>
<body>
<h1>HTML</h1>
<p>以下是一条平线</p>
<hr />
</body>
</html>
br元素是插入一个简单的换行符，该元素是一个单标签，为闭合标签。
<p>br元素是一个换行符<br />该元素是一个单标签<br />需要闭合</p>
<!--...-->是在源代码中插入一段注释，该标签不会被解析器执行，在页面中不会显示。
作用：辅助开发人员对代码进行编写、维护、方便对代码的读写等。
如：
<!--开发人员注释内容部分-->
扫一扫
3007
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
