1. 客户端服务器执行流程：用户通过浏览器发送HTTP请求，服务器响应请求，将所需文件反馈给本地文件夹，文件在用户的电脑中执行，渲染，呈现。
2. HTML-超文本标记语言，用一些标签来描述文本的语义，这些标签在浏览器上不显示，所以称为“超文本”。
3. sublime快捷键
a. html：xt - html结构
b. ctrl+shift+d - 快速复制一行
c. ctrl+shift+k - 快速删除一行
d. ctrl+左键单击 - 集体输入
e. ctrl+h - 查找替换
f. ctrl+f - 查找
g. ctrl+/ - 注释
h. ctrl+L - 快速选中一行
i. ctrl+shift+↑↓ - 快速上下移动
j. ctrl+摁下滚轮选择 - 编辑集体标签内容
k. ctrl+滚轮 - 放大缩小编辑区
l. shift+tab - tab往左移
4. HTML规范
大规范里边的小规范html4.01strict 严格版transitional 过渡版,普通版frameset 框架版,用于后台页面xhtml1.0严格的,体现在标签小写\闭合\引号strict 严格版transitional 过渡版,普通版 [使用小写字母,标签闭合,一些标签不能用如:u]frameset 框架版,用于后台页面
5. meta - charset字符集
a. utf-8 大但肿慢,一个汉字3个字节
b. gb2312 小而轻快,一个汉字2个字节 {去除代码中的空格,回车,tab,可以压缩优化代码}
c. 注意:保存的字符类型和meta声明的字符类型必须一致,否则乱码
6. 与SEO有关的
a. <meta name="keywords" content ="关键字" />
b. <meta name="description" content="描述" />
c. <title>网页标题</title>
7. html标签级别
a. 容器级
b. 文本级:里边只包含 文字,图片,表单 -> <p><h1>文本级不能包含容器级</h1></p>
8. 站内锚点链接
a. 锚点用name属性来设置，一个a标签如果含有name或者（id）属性，默认为页面的一个锚点链接
b. 链接到另外一个页面的某个锚点，A页[href="B.html#anchor"] B页[name="anchor" 或者 id=“anchor”]
9. 无序 | 有序 | 定义 列表
-> [网页用什么标签根据语义来决定,而不是样式 | li是容器级标签,里边可以放任何标签]
a. ul li -> unordered list 无序列表 | list item 列表项
b. ol li -> ordered list 有序列表
c. dl dt dd -> definition list 定义列表 | definition title 定义标题 | definition description 定义描述
i. 结构类型1: dl > dt + dd
ii. 结构类型2: dl > dt + dd*n
iii. 结构类型3: dl> dt*n + dd*n
10. div | span
->[主要用来负责: 布局,结构,分块]
a. div -> division 分割 [容器级标签,放大东西]
b. span -> span 范围,跨度 [文本级标签,放小元素]
11. form 表单
->[收集用户信息的]
a. form action method -> 表单
b. input type="text" value-> 文本框
c. input type="password" value -> 密码
d. input type="radio" name checked-> 单选框 [为了互斥，name要相同]
e. input type="checkbox" name checked -> 复选框 [虽然不需要互斥，但是为了规范语法结构，name要相同]
f. select > option *n -> 下拉列表 [select 选择 | option 选项]
g. textarea cols="30" rows="10" -> 多行文本框 [text area 文本 区域 | cols -> columns 列 | rows -> rows 行]
h. 三种按钮
i. input type="button" value="普通按钮" -> 普通按钮
ii. input type="submit" value -> 提交按钮
iii. input type="reset" value -> 重置按钮 [reset 复位]
i. label + id -> <label for="name">用户名</label><input type="text" id="name" />
12. 注释
->[增强程序可读性]
a. html -> <!-- 注释内容 -->
b. js | css -> // or /**/
13. 字符实体
a. < -> "<" [less than 小于]
b. > -> ">" [great than 大于]
c. © -> 版权符号
d. -> 空格 [non-breaking spacing 不间断换行]
14. 废弃标签
a. b | u | font | i | del | em | hr | br
b. br 段落内换行，不推荐使用，另起一个段落 9.99%使用率 -> break
15. 路径
a. 相对 - 自身为目标找到别人 | 移植性好 | 必须在一个服务器上
b. 绝对 - 以http://开头
c. file:// - 既不是相对路径也不是绝对路径,错误的用法
