一 table（表格）
<table>
<caption></caption>
<thead>
<tr>
<th></th>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td></td>
<td></td>
。。。
</tr>
<tr>
<td></td>
<td></td>
<td></td>
。。。
</tr>
...
</tbody>
<tfoot>
<tr>
<td></td>
。。。
</tr>
</tfoot>
</table>
tr table row
th table heading
属性：border 控制边框的粗细
cellspacing 控制单元格的间距
width： 控制表格的宽度
align： 控制的是对齐方式，如果给table设置，控制表格对于浏览器而言的对齐，如果是给td,tr,tbody。。控制内容的对齐方式
colspan 控制td合并多少个单元格显示
二 input系列标签
1 输入框
<input type=”text” />
属性：placeholder 提示的文字，当我们输入内容的时候，会消失
value 设置输入框的默认值
maxlength 设置允许输入的最大长度
2 密码框
<input type=”password” />
3 单选框
<input type=”radio” />
name属性：可以让一堆的单选框成为互斥的一组
checked属性：设置某个单选框默认选中
4 按钮
<input type=”button” value=”按钮显示的文本” />
5 多选框
<input type=”checkbox” />
属性：checked 设置多选框默认选中
6 提交按钮
<input type=”submit” />
作用：把表单里的数据提交到服务器
7 重置按钮
<input type=”reset” />
作用：把表单里的数据恢复默认
注意点：重置按钮必须放在表单里才能起效果
8 图片提交
<input type=”image” />
作用：提交数据
9 文件上传按钮
<input type=”file”/>
作用：上传文件
三 textarea 文本域
<textarea cols="20" rows="10"></textarea>
属性：cols 控制宽度，并且是可缩放的最小宽度
rows 控制高度，并且是课缩放的最小高度
四 select（下拉框）
<select>
<option>选项</option>
<option>选项</option>
<option>选项</option>
...
</select>
设置某一个选项默认被选中：
selected=”selected”
五 form表单
<form>
在这里放表单控件
</form>
表单：用来收集用户信息，用来装表单控件
表单控件：给用户输入或者交互用的标签
action 属性：指定数据上交的地址
method 属性：提交数据的方式
get 提交的数据量要小，不够安全
post 提交的数据量大，比较安全
六 meta标签
1 设置页面的编码格式
<meta charset=”编码格式” />
2 设置页面的关键词
<meta name=”keywords” content=”” >
做搜索引擎优化
3 设置页面的描述
<meta name=”description” content=”” >
做搜索引擎优化
七 SEO
1 什么是SEO？
搜索引擎优化(Search Engine Optimization)：让页面对搜索引擎更加友好
搜索引擎：
从网络上搜集信息，提供用户进行索引（搜索）的平台
目的：让网站符合搜索引擎的排名需求，带来用户，实现收益
2 HTML语义化
2.1 什么是HTML语义化
每一个标签都有语义，这个语义是相对于浏览器和搜索引擎的，需要在合适的地方用合适的标签。
2.2 两个没有语义化的标签
<div></div> 都是容器
<span></span>
div是一个占据一整行的容器
span是一个自适应内容多少的容器
八 编码格式
编码格式就是翻译的作用
九 link标签
1 引入网站的图标
<link rel=”shortcut icon” type=”image/x-icon” href=”图标的路径” >
2 引入css文件
<link rel=”stylesheet” href=”css文件的路径” >
3 dns预解析
<link rel="dns-prefetch" href="需要预解析的服务器的地址">
只有特别大的网站才需要做dns预解析：
作用：网络加速技术
在页面放问过我这个网站之后，再去访问这个网站下面的其他页面会更加快
十 style和script
script：写js代码的
style:写css的
十一 空格合并现象和特殊字符
在浏览器里，多个空格，回车，缩进都会被解析成一个空格
|
特殊字符 |
描述 字符的代码 |
|
空格符 |
|
|
< |
小于号 < |
|
> |
大于号 > |
|
& |
和号 & |
|
￥ |
人民币 ¥ |
|
© |
版权 © |
|
® |
注册商标 ® |
|
° |
摄氏度 ° |
|
± |
正负号 ± |
|
× |
乘号 × |
|
÷ |
除号 ÷ |
|
² |
平方2（上标2） ² |
|
³ |
立方3（上标3） ³ |
如果非要在浏览器里面写多个空格，要以它认识的方式
十二 浏览器与服务器
1 常见的浏览器
2 浏览器与服务器的交互
十三 HTTP协议
1 什么是HTTP协议
超文本传输协议（HyperText Transfer Protocol）
规定了浏览和服务交互的数据格式
包含：
请求报文、响应报文、URL
2 URL
统一资源定位器（Uniform Resoure Locator）
协议名+服务器ip+端口+目标资源的路径