第一节
HTML是：Hype Text Markup language:超文本标记语言 的缩写形式，它的特征是文本类型、文字、图片、声音、视频、表单等。
web1.0时代：用户只能被动的接受信息，马云——中国黄页
web2.0时代：交互，用户可以选择自己想要的内容进行选择
HTML：用于布局网页的结构的
网页：PC端和移动端的网页
注：移动端的网页促成了H5的发展 ，web Application 原生态的APP。 H5发展，很多APP变成了 Web App,使用一个功能可以不用*载下**。用户的问题-体验问题 UI和前端非常火—好看、好用
HTML的标签：
Doctype DTD文档—就是要用到的HTML的版本 XTHML1.0 三个 过渡版本 严格版本 框架版本
HTML5 <!Doctype html>
向下兼容
标签：单标签 （并列关系）双标签（包含关系）
<html>
<head>
<title></title>
</head>
<body>
<h1></h1> 标签标签
<p></p> 段落标签
<br /> 换行标签
<hr /> 横线
<img src=”路径” alt=”放置替换文本：1.当图片不能展示的时候；2.当盲人阅读的时候，语音提示” title=”提示文本：1.鼠标移到图片上的时候；2.搜索引擎进行搜索”/>
<a href=”路径” target=”_blank”>放置点击的内容</a>
</body>
</html>
路径:1.相对路径：向上查找../…/，向下查找 文件夹/文件夹/01.jpg 2.绝对路径
第二节
文字类标签：用于文字修饰，例如加粗、倾斜、下划线、删除线
标签语义化：HTML4版本的时候很多标签仅仅只是表现层面，没有含义，搜索引擎也不会加权。
XHTML的版本的时候，很多标签就有了语义，搜索引擎本不高深，他只是更加深入的去挖掘人类一些搜索或阅读习惯
总结：当这段话本身有含义的时候，我们就要用到具体的语义的标签
环绕标签：Ctrl + shift +G
在HTML中还有一种特殊代码注释Ctrl+/，每一种语言都有自己独特的注释方式
例如：
<!—看不到！看不到！--
第三
文档类型：DTD(Document Type Definition):文档类型定义
声明位于文档中的最前面位置处于<HTML>标签之前，在此标签可告知浏览器文档使用哪种HTML或XHTML规范
*当未来你已经写好的HTML代码，但是后台程序员加功能之后，样式发生了巨大的改变的时候，在浏览器中检查最后被编译的代码DTD上面有没有其他不认识代码！*
例如：
XHTML1.0包括的文档类型
注意：
1. H5之后的DTD会更加的简单，包容性更强。
2.每个页面都必须设置一个doctype，并且必须是在最上面的。如果不设置，浏览器会默认开启怪异模式（quirks mode）解析
怪异模式是浏览器为了兼容很早之前针对旧版本浏览器设计、并未严格遵循 W3C 标准的网页而产生的一种页面渲染模式）。
第四：
（一） 列表 LIST：
主要应用于排列网页中的元素
4.1 无序列表：Unordered List
作用：显示一列没有排列顺序的数据，数据之间属于并列关系。
语义：就是一组没有顺序的数据。
UL中type属性; 属性值：disc circle square
这三个属性在实际应用中极少出现。
注意：
1.无序列表中的数据没有先后顺序之分。
2.ul标签不要单独出现。
3. ul标签是用来管理li标签。
4. ul标签中只能放li标签。
5 .li标签中可以放其它标签。
6 . li标签是一个容器，可以放置任何内容
<ul>
<li>项目</li>
<li>项目</li>
<li>项目</li>
</ul>
4.2有序列表：Ordered List
作用：显示一段有顺序的数据。
语义：一组有顺序的数据。
注意：有序列表中的所有数据都是顺序的。
<ol>
<li>项目</li>
<li>项目</li>
<li>项目</li>
</ol>
在实际使用中，UL比OL使用的频率要高很多，一般不会使用默认的li的装饰效果。
4.3 自定义列表：Definition List
显示一段数据，格式自己定义
<dl>
<dt>列表项目</dt>
<dd>项目描述</dd>
<dd>项目描述</dd>
</dl>
（一） 表格 Table
表格：不是没你不可，而是有你更好。表格的冗余代码特别严重，而且不利于搜索引擎搜索。
总结：在早期的网站开发中，表格往往用于布局。
注意：语法结构不能修改，特别是对于HTML、JS这种弱类型语言来说，既是不按规范写，有时候也不会报错，那么我们就更不能随意的去更改语法结构。Java等这种强类型语言，写错一个单词或者一个符号都不能编译通过。
属性后面的值一般不加单位！
虽然我们可以使用table中的标签来设置标签的一些样式，但是最好不要用，因为将来凡是与样式相关内容都是由css来设置的。
表格中的其它标签：
第五：
（一） Form标签：了解内容
作用：用来管理页面上的表单元素，表单元素如果要起作用，必须要放在form标签中。
action 属性定义在提交表单时执行的动作。
第六
（一） *表单Form*：
用于收集用户数据，进行提交到服务器。
表单元素：注册页面上能够填写的内容都是我们的表单元素
注意点：如果想要多个radio或者checkbox组成一个选择集合，那么必须给每个radio以及checkbox都设置相同name属性的值
如何给radion,checkbox设置默认值呢？
设置另外一个属性：checked=”checked”
如何给下拉框设置默认值？
selected="selected"
注意：如果要实现单选按钮的排他性，需要给所有的单选按钮同一个name=”值相等” name属性的值一样，就相当于把这几个radio编成了一个组。Radio只会在这个组中实现排他，
更多内容请关注大牛哥官方网站，或者留下你们的企鹅号喔