1.什么是html
html是Hyper text markup langyage的缩写，也就是超文本标记语言。接下来解释一下超文本和标记语言的含义。
①超文本：展示信息更加丰富（文字，图片，视频，音乐等）；
②标记语言：有许多标签构成的语言，写html文档就是在写标签（html标签+文本），不需要编译，只需借助于浏览器。
2.软件开发架构
①（C/S）：client/sever：
优点：a. 预先加载数据在本地（对宽带要求低，加载速度提升），例如：玩把王者荣耀爽一下，发现赢了一把之后，它的内存变高 了，是因为，加载在本地的数据是部分，比如游戏地图这类的，但是还有很多需要重新加载的，将资源释放到本地存储器 内；
b.安全性能高的一批（协议可以自定义）。
缺点：a. 更新方面（经常更新，用户觉得麻烦，且开发维护不得劲）；
b. 占用用户的资源。
②（B/S）browser/server（某宝、某鱼直播，某熊猫直播，某龙珠直播等）：
优点：a .更新方面（速度快，维护成本低）；
b. 卧槽，资源在服务器里面（占用开发资源，不占用户资源）。
缺点：a. 协议还是公共协议，安全性能相对cs略低；
b. 不适合做对及时性要求高的业务（大型网络游戏）。
③.html标签
a. html标签是html文档基本组成单元，有尖括号保卫关键字组成；
b. 标签一般成对存在，存在开始标签和结束标签；
c. <html>内容</html> ，标签允许准确嵌套；
d. 开始标签允许使用属性，属性值需要使用双引号包围。<a href=””></a>
e. 标签建议使用小写。
4.编写html文档
①编写以html或者.htm结尾的文件；
②在文档中编写标签；
③在浏览器中运行。
5.工具
①记事本
②Notepad
③Dreamweaver(网页三剑客)
④Sublime（插件）
⑤Hbuilder（H5）
6.html标签
①标题标签：做强调作用（字体大、加粗独占一行），H1-H6（H1最大，依次递减）
②水平线：<hr/>,默认占满整个父级元素（没有内容区）
a. 注释标签：<!- -注释 - ->
b. 段落标签：p标签
c.换行标签：<br/>{空标签}
d. 超链接：<a></a>,href：链接资源的路径
本地资源：绝对路径和相对路径
网络资源：需要协议
Target：目标（链接的资源如何打开，在什么地方打开）
Self：默认，覆盖打开
Blank：新标签页打开
Parent：父级出口打开
Top：子集出口打开
锚链接：
锚点：设置一个点让他可以调到这个点里面去
锚点：< p id = “p1”>哈哈</p>
图片标签：<img/>
Src:图片资源（本地资源，网络资源）
alt：图片未正确展示时用于提示
title：鼠标悬停提示
分辨率：|1366x768| →水平像素1366，垂直像素768
列表标签：
无序列表：没有先后顺序
Ul：代表这是一个无序列表
Li:代表列表项
有序列表：
Ol:代表有序列表
Li:代表列表项
自定义列表：
Dl:代表自定义列表
Dt:代表列表项
Dd:代表对列表项的说明（备注）
表格标签：
table：代表表格
tr：代表行
td：代表单元格
border：边框
cellspacing：单元格之间的间距
cellpadding：单元格的内边距（边框和内容之间的间距）
tr：代表行
td：代表单元格
colspan：跨列
rowspan：跨行
align：文本对齐方式（left、center、right）
备注:
thead：表头（标题）
tbody：表格正文
tfoot：统计信息