HTML是超文本标记语言 (Hyper Text Markup Language)， HTML 不是一种编程语言，而是一种标记语言 (markup language)；
HTTP协议特点：
简单快速，请求方式有get、post、head等其中方式；
无连接无状态
支持的模式有 B/S C/S
URL:统一资源定位符，在网络中用来标识某处的资源
http(协议)://www.baidu.com（域名）:8080（端口）/news（虚拟目录）/index.php（文件名部分）?parameter=deal&id=35&do=add(?后面是参数，用&连接)#name（锚部分）
请求包： request =请求行+请求头+空行+请求数据
请求方式：
http1.0 get post head
http get post head options delete trace connect
HTML 文档 = 网页
HTML 文档包含 HTML 标签和纯文本
<html> 与 </html> 之间的文本描述网页
<body> 与 </body> 之间的文本是可见的页面内容
<h></h> -- 标题标签（h1,h2,h3,h4,h5,h6）
table --定义表格
th --定义表头
tr -- 定义表格的行
td --定义表格单元
--空格
列表：
有序列表：
<ol>
<li></li>
</ol>
无序列表
<ul>
<li></li>
</ul>
<from>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>my first test html</title>
</head>
<h1>我是标题</h1>
<a href="http://www.baidu.com">百度一下</a>
<p>我是段落</p>
<table border="1">
<tr><!--表头是加粗居中-->
<th>姓名</th>
<th>年龄</th>
<th>住址</th>
</tr>
<tr>
<td>icp</td>
<td>15</td>
<td>北京</td>
</tr>
</table>
跨两列
<table border="1">
<tr>
<td colspan="3">
1</td>
</tr>
<tr>
<td colspan="2">4465465465</td>
<td>5</td>
<td>5</td>
</tr>
<tr>
<td colspan="4">364</td>
</tr>
</table>
<table border="1" cellspacing="0">
<tr>
<th>Name</th>
<th>Adress</th>
<th>Age</th>
</tr>
<tr>
<td rowspan="5">lisi</td>
<td>beijing</td>
<td>22</td>
</tr>
<tr>
<td>wangwu</td>
<td>shanghai</td>
<td>24</td>
</tr>
</table>
<body>
</body>
</html>
html元素分类：块级元素和内联元素
块级元素：标签元素会以新行开始结束，<h1><p><table>等，当前元素标签要单独一行
内联元素：显示数据不会以新行开始<a> <img><td>，堆积在一起
<div>块级元素，用于组合其他元素，方便统一设置属性或样式；
布局：设计网页时，考虑到页面的表现，会设置页面的局部和整体的布局；
<iframe sec="https://www.baidu.com"></iframe>
html事件
需要触发某些动作的发生，需要事件支持
CSS（层叠式样式表），决定页面怎么显示元素，引入方式：引入文件，在当前中直接写<style></style>(行内样式)；
外链式，<link>引入外部css文件，导入外部样式（ <link type="text/css" rel="stylesheet" href="style.css" />
）；
内嵌方式，在<head></head>中写样式；使用@import在<head></head>之间应用
优先级：行内模式>内嵌方式>外链式
CSS语法：
选择器 { 属性1：value1；属性2：value2；}
第二种：id，
<h1 id="h" ....
#h{} ->id的选择器用#
第三种：class，可以在不同的元素中去使用
<h1 class="test"...
<p class = "test"...
.test{} ->修饰全部class为test的标签
h1.test{}->修饰h1里面的标签
css分组和嵌套：
<h1>我是个初学者</h1>
<style type="text/css">
h1,h4,p{
color: red;
}
</style>
.marked{} class =marked的标签
.marked p{} 为所有class = "marked"元素内的p元素指定一个样式。
p.marked{}只要是p标签，并class = "marked"才会被更改样式；
CSS显示：
div{visibility:hidden;} --这种方式依然有特征
div{display:no;} --这种方式这届隐藏标签，其特征也没有了；
CSS定位：
position:static(不受 top bottom left right影响)/relative（相对定位元素的定位是固定的）/fixed（位置固定）/absolute/sticky
css对齐：
Text-align：center --文字居中
Margin:auto --元素居中，图片居中
盒子模式：
margin(外边框)、border（边框）、padding（内边框）、content（显示数据的地方（操作域））