HTML(Hyper Text Markup Language,超文本标记语言),用来描述网页的一种语言,使用标签来描述。HTML文档被成为网页,其中包含标签和纯文本。
1.<!DOCTYPE> 定义文档类型
<!DOCTYPE>的声明必须在HTML文档的第一行,这个声明元素不是HTML标签,而是指示web浏览器使用哪个HTML版本编写网页的指令,也可以说是在告诉浏览器的解析器使用哪种HTML规范来解析页面。
在W3C标准出来以前,不同浏览器有不同的网页标准,这是的网页模式是怪异模式,即浏览器按照自己的方式来解析代码。现在W3C有了统一的标准,也就是标准模式,每个浏览器按照W3C标准来解析代码。
2.<html> 定义HTML文档
告诉we浏览器这是一个HTML文档,<html>限定文档的开始,</html>限定文档的结束,中间是文档头部<head>和主体<body>。
3.<head> 定义文档头部(文档的信息)
它是所有头部元素的容器,<head>中的元素可以引用脚本,引用样式表,提供元信息等等。但是头部内的数据都不会作为正式内容展现给读者。
<head>中能使用的标签:<base>,<link>,<meta>,<sctipt>,<style>,<title>。
其他标签都可以没有,但是<title>标签必须存在,这代表着这个HTML文档(网页)的标题。
4.<title> 定义文档标题
一个网页最重要的标题由<title>标签来定义,在进行网页的收藏时,标题将作为文档链接的默认名称。
5.<body> 定义文档主体
body元素包含文档所有显示内容(文本,图像,表格,表单等)。
6.<h1>-<h6> HTML标题
<h1>定义最大的标题,<h6>定义最小的标题,标题独占一行。其他标签字体大小逐渐变大或变小。
7.<p> 定义段落
在浏览器中,p元素的前后都会浏览器自动添加的一小部分空白,且同一行内没有其他元素。
8.<br> 换行符
在设计文本的排版时,可以使用换行符强制换行。
9.<hr> 水平线
一条好看的水平线,到现在为止,已经很少有网站用水平线了。
10.<!-- --> 注释
给代码添加解释,方便理解或以后理解,注释里的内容不会显示在浏览器上。
标签的使用如例:
<!DOCTYPE>
<html>
<head>
<title>文档标题</title>
</head>
<body>
<!-- h1-h6 -->
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
<!-- p -->
<p>这是一段文字</p>
<!-- br -->
ABCDEF<br/>GHIJKL<br/>MNOPQR<br/>STUVWX<br/>YZ
<!-- hr -->
<hr>
</body>
</html>
![](https://i-blog.csdnimg.cn/blog_migrate/f37b5e89e5734762e0df92488d8fc610.png)