1、doctype对应关系：对应的统一标准规范
2、html标签，标签内部可以写属性 html标签一个文件里面只能有一个
3、注释： <1-- 注释的内容 -->
4、head里面所有的标签，只有title标签可以看到
5、标签分类：自闭合标签 <meta charset="UTF-8"> 非常少
6、head里面的其他标签：
编码、跳转、刷新、关键字、描述 IE兼容
<meta http-equiv="X-UA-Compatible" content="IE=IE9;IE=IE8;" />
title标签
<link/> 搞图标 、CS 和 JS 讲
<style/>CS 和 JS 讲
<script/>CS 和 JS 讲
- head标签实例
- 图标，空格，大小尖括号，段落，换行，标题，div白板，span白板
- form表单，登录用户，密码，按钮，提交
- 登录页面2
- tornado后台小框架
- 使用form提交到搜狗浏览器示例
- 单选框，复选框。多行数据，上传文件
- 超链接示例
- 图片、列表
- 表格示例
- fieldset与legend，label
-
7、body标签
图标   （空格）； > <（左右尖括号）
| 显示结果 | 描述 | 实体名称 | 实体编号 |
|---|---|---|---|
| 空格 | |   | |
| < | 小于号 | < | < |
| > | 大于号 | > | > |
| & | 和号 | & | & |
| " | 引号 | " | " |
| ' | 撇号 | ' (IE不支持) | ' |
| ￠ | 分（cent） | ¢ | ¢ |
| £ | 镑（pound） | £ | £ |
| ¥ | 元（yen） | ¥ | ¥ |
| € | 欧元（euro） | € | € |
| § | 小节 | § | § |
| © | 版权（copyright） | © | © |
| ® | 注册商标 | ® | ® |
| ™ | 商标 | ™ | ™ |
| × | 乘号 | × | × |
| ÷ | 除号 | ÷ | ÷ |
*P标签，段落 *br标签，换行 ——小总结
****所有的标签分为块级标签：
*h1(加大加粗)、
p（段落与段落有间距）、
*div(白板)
行内标签，也叫内联标签：
****span（白板）
标签之间可以嵌套 标签存在的意义、定位操作，用于JS操作和cs操作
****form标签 主要针对input、textarea、select来提交内容到后台的
***input系列
input type = 'text' name属性，（value=‘’默认值） 用于后台取数据
input type = 'password' name属性
input type = 'submit' value = '提交' 提交按钮，提交表单
input type = 'button' value = '登陆' 按钮
input type=‘radio’ value ，name属性，checked=‘checked’默认值（name相同，则互斥）单选框
input type=‘checkbox’ value ，name属性，checked=‘checked’默认值（name相同，不互斥，后台用批量获取数据） 复选框
input type=‘file’ 传输文件需要依赖form表单的一个属性 enctype=‘multipart/form-data’
input type='reset' #重置
textarea 多行数据 name属性，默认值放中间
select标签 name，内部option value 提交到后台 ，
size，multiple(安装鼠标多选) optgroup选项分组
***a标签，不能提交到后台
作用1：跳转
作用2：锚（跳转到网页某一位置）href="#i3(某个标签的ID)" 标签ID不能重复
***img标签 title src alt
列表标签
ul
li
ol
li
dl
dt
dd
表格标签 ***table
<table border="1" cellspacing="0" bordercolor="blue" >
thead
tr
th
tbody
tr
th
colspan
rowspan
- label 用于点击文件，使得关联的标签获取光标
<label for="username">用户名：</label>
<input id="username" type="text" name="user" />
- fieldset
legend
fieldset 元素可将表单内的相关元素分组。
<fieldset> 标签将表单内容的一部分打包，生成一组相关表单的字段。
当一组表单元素放到 <fieldset> 标签内时，浏览器会以特殊方式来显示它们，它们可能有特殊的边界、3D 效果，或者甚至可创建一个子表单来处理这些元素。
<fieldset> 标签没有必需的或唯一的属性。
<legend> 标签为 fieldset 元素定义标题。
<label> 标签为 input 元素定义标注（标记）。
label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。
<label> 标签的 for 属性应当与相关元素的 id 属性相同。