1、web服务的本质
浏览器发请求--->http协议--->服务端接收请求--->服务端返回响应--->服务端把HTML文件内容发给浏览器--->浏览器渲染页面
2、超文本标记语言是一种用于创建网页的标记语言（html 、xml)
- 本质上是浏览器可识别的规则，我们按照规则写网页，浏览器根据规则渲染我们的网页。对于不同的浏览器，对同一个标签可能会有不同的解释。（兼容性问题）
- 网页文件的扩展名：.html或.htm
3、最基本的html文档：
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>css样式优先级</title> </head> <body> </body> </html>
1、<!DOCTYPE html> ：声明为HTML5文档
2、<html>、</html>是文档的开始标记和结束的标记。是HTML的根元素，在他们之间是文档的头部：（head）和主体（body）。
3、<head>、</head>定义了html文档的开头部分。他们之间的内容不会在浏览器的文档窗口，包含了文档的元（meta)数据。
4、<title>、</title>定义了网页标题，在浏览器标题栏显示。
5、<body>、</body>之间的文本是可见的网页主体内容。
4、标签格式：
标签的分类：
1、单标签：<div></div> 、<h1></h1>、<a></a>
2、双标签：<br>、<hr>、<img src='1.jpg'>
5、HTML的常用标签
<title></title> ：定义网页标题
<style></style>：定义内部样式联
<script></script>定义js代码或引入外部js文件
<link/> 引入外部样式表文件
<meta/>定义网页原信息
6、body内常用标签
<b>加粗</b>
<i>斜体</i>
<u>下划线</u>
<s>删除</s>
<p>段落标签</p>
<h1>标题</h1>
<h2>标题<h2>
<h3>标题<h3>
<h4>标题<h4>
<h5>标题<h5>
<h6>标题<h6>
<!--换行-->
<!--水平线--><hr>
7、其他标签
div标签：用来定义块级标签，没有实际意义
span标签：用来定义行内标签（内联）标签，没有实际意义
8、标签的嵌套：块级标签可以包含内联元素或者块级标签，但内联标签不能包含块级标签
只能包含其他内联标签。
9、标签的分类：块级标签 （ h1~h6 、div 、p 、hr ）
默认占浏览器长度一行，能设置长和宽
内联标签（或行内标签）（ a、 img、 u、 s 、i、 b、 span）
根据内容决定长度，不能设置长和宽
10、img标签：插入图片
<img src="图片的路径" alt="图片未加载成功时的提示“ title="鼠标悬浮时提示信息” witdth ="宽“ height=“高”（宽高两个属性只用一个会自定等比例缩放）“>
11、a 标签：超链接标签
所谓的超链接是指从一个网页指向一个目标的链接的关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。