一. 首先来解一下Web的组成，web就是我们通常所说的网页，它还有一个名字叫做html文档，为什么叫html文档呢？因为网页的结构就是由一个个html标签组成的，第一个知识点：
a) Web（网页，html文档） = 网页结构（由一个个html标签组成）+网页样式（由css编写）+ 网页行为（由DOM + BOM+ECMAscript组合编写）。
二. 既然网页就是html文档，那么html是什么？
a) HTML(全称HyperText Markup Language)即超文本标记语言，是一种标记语言，即用标记（也可以称做标签）来定义html文档结构和描述其内容，现在由w3c（万维网联盟）推荐制定标准。
三. Html标签竟然如此重要，现在我们就来看看html标签的格式以及常用的html标签:
a) html标签一般分为双标记标签和单标记标签，：<开始标签></结束标签> 。 单标记标签 <结束标记 />
b) 组成网页结构最基本的html标签：
i. <!DOCTYPE>：用来定义文档版本类型，<!DOCTYPE html> 声明该网页是一个html5网页，使用html5的语法标准在编写指令，它必须位于html文档（网页）的第一行。关于html4.0和其他版本的html的声明，可以参考这个网页：http://www.w3school.com.cn/tags/tag_doctype.asp，关于html的版本发展史大家可以去百度百科查看。
ii. <html></html>：html标签是html文档的根标签，它定义了该文档是一个html文档，并且限定了文档的开始和结束，除了DOCTYPE，其他的标签都在它里面。
iii. <head></head>：head标签定义了html文档的头部，在html文档的头部可以定义文档标题<title>标题名</title>,文档所采用的字符集<meta charset=”UTF-8”>等等信息。
iv. <body></body>：body标签定义了html文档的主体，文档的主体包括了我们所能看到所有网页内容，如：文本，超链接，图像，列表，表格,表单等等，组成网页结构的最基本的标签差不多了，下面是组成网页主体部分的主要标签。
c) 首先是与文本相关的标签：
i. h1~h6表示文章的一级标题到六级标题，h1一般只用一次，因为搜索引擎比较重视h1，所以h1要谨慎使用。
1. 对于一般的品牌、精细化（侧重于网站知名度）的网站，h1可以用于网站的标题或者logo，可以提高网站的权重（网站的权重越高在搜索引擎的排名就越高），例如：京东,淘宝等通常会在logo部分里嵌入了h1。
2. 对于新闻、小说（侧重于页面内容）网站h1一般不会用于网站标题和logo，会用于内容文章大标题，例如：腾讯新闻，起点中文网等一般会在文章的大标题处使用。
3. 搜索引擎对于h1~h6的重视程度是依次降低的，所以，一般会优先选用h1,h2,h3来做文章标题。
<h1>我是一级标题</h1>
<h2>我是二级标题</h2>
<h3>我是三级标题</h3>
<h4>我是四级标题</h4>
<h5>我是五级标题</h5>
<h6>我是六级标题</h6>ii. p标签定义文章的格式：
1. p标签的嵌套规则：p标签不能嵌套任何 块级元素 ，会导致网页的结构错误。
<p> 我是一段文章我是一段文章我是一段文章我是一段文章
我是一段文章我是一段文章我是一段文章我是一段文章
我是一段文章我是一段文章我是一段文章我是一段文章
</p>iii. a标签表示html文档的超链接，超链接可以将两个html文档连接起来，实现相互跳转：
1. href属性指定了要跳转的网页的地址。
2. target属性指定了是在本窗口打开新网页还是在新窗口打开，常用的属性有两个，_self表示本窗口，_blank表示新窗口。
<a href="http://www.baidu.com" target="_blank">点击我跳转到百度</a>
iv. img标签用来显示图片：
1. src（全称source）为img元素的源属性，它的值为要插入的图片的url地址。（url即图片所在的位置，图片可能来自于本地电脑，如自己电脑里的图片；也可能来自于远程服务器如百度图片中的图片，存放在百度的服务器里）
2. alt为img的替换文本属性，当浏览器无法加载不出来该图片时，有alt中的文本来替换显示。
<imgwidth="200"height="100" src="images/pic-1.jpg"alt="当图片显示不出来，由alt里的文字替代显示。">
v. ul表示一个无序列表：
<ul>
<li>我是无序列表的一项</li>
<li>我是无序列表的一项</li>
</ul>
1. 无序列表一般用于网站的导航栏列表，新闻列表等等。例如：腾讯新闻。
2. 列表项里可以嵌套任何其他元素，文本，图像，表格等。
3. ul的type属性可以设置它左边的样式，对应有三个值：disc，square，circle。（html4.0开始不赞成使用该属性，该属性在xhtml中不被支持，仅做了解。）
vi. Ol表示一个有序列表：
<ol>
<li>我是有序列表的第一项</li>
<li>我是有序列表的第二项</li>
</ol>
1. 有序列表一般用于网站需要有排名顺序的列表：如商品排名，小说排行榜等等。
2. 列表项里可以嵌套任何其他元素，文本，图像，表格等。
3. 有序列表有3个可用属性：
i. type属性规定列表标记类型，有1，A,a,I,i等值。
ii. start属性表示有序列表的起始值，只针对于数字1。
iii. reversed规定列表顺序降序（html5规范,只适用于chrome和ri）
vii. dl，dt，dd组合表示自定义列表：
1. dl定义列表，dt定义列表项，dd描述列表项。
2. 自定义列表常用于图文混排列的网页模块。
<dl>
<dt>
<imgwidth="50"height="50"src="images/icon-1.jpg"alt="">
</dt>
<dd>mysql关系型数据库</dd>
</dl>viii. Form用来定义html表单：
1. action属性用来定义要提交表单数据的后台地址，method属性定义了要提交数据的方法。
2. 常用的表单元素：输入框input（text文本框，password密码框）,文本域textarea，下拉列表select,单选框radio,复选框checkbox
ix. Table用来定义html表格：
1. Tr表格行，th表头单元格，td单元格。