一、h1到h6标题标签
H1到h6标签，相对于当前文档的重要性依次降低。注意h1标签在整个页面中最多一次（当然可以超过，但是不利于搜索SEO）。
H2以后的这些标签可以在一个页面中有多个，但是不要滥用，滥用会导致网页的SEO受影响，搜索引擎会认为我们作弊。
二、段落标签
段落标签语法: <p>包裹段落的内容</p>
P标签之间不会相互共用一行。会独占一行或者多行的空间。
三、水平标记<hr>
在页面中插入一条水平线。Hr标签是单标签，不需要闭合标签。
四、HTML文档空白合并
在HTML文档中，文字之间的空格会进行合并，多个空格或者是换行会合并成一个空格。
五、Br标签
Br标签可以强制段落进行换行。不受 空格和换行合并的影响。
Br标签也是一个单标签，不需要进行吧闭合。
六、Span标签
Span标签定义文档中的一小节文本。语义不强。
Span标签可以跟其他的span标签共用一行。
七、Em标签和strong标签
em标签是局部的文本的 加强语气，或者是文本的强调的作用。
Em标签可以会改变局部的文档的语义。
Strong标签是 针对整个文档而言，进行一个加强语气的作用。例如：一篇文章中最重要的主题思想或者段落用strong标签进行包裹。
七、其他标签
1.上下坐标
2.Del标签
给文字添加中划线
八、超级链接标签
语法：<a href=”你要跳转的网页的网址”>前端与移动开发就业班，只为高薪而生！</a>
A标签的target属性：
_self(默认的，表示在当前页面中打开超级链接）；
_blank表示在新的页签中，或者是新的窗口中打开超级链接的页面。
锚点链接：可以然后href属性指向一个页面中的id值，可以让页面跳转到id对应的标签的位置。
超级链接不仅仅是可以嵌套文本，还可以嵌套图片、表格、标题。
九、URL协议
网址就是URL地址，URL协议就是 规定URL地址的格式。
协议规定格式：scheme://host.domain:port/path/filename
http://sh.itcast.cn/subject/shphp/?zxdt
协议名称://域名（ip地址):80/路径/文件a.htm
scheme -定义因特网服务的类型。最常见的类型是http, https,ftp
host -定义域主机（http的默认主机是www）
domain -定义因特网域名，比如w3school.com.cn
:port -定义主机上的端口号（http的默认端口号是80）
path -定义服务器上的路径（如果省略，则文档必须位于网站的根目录中）。
filename -定义文档/资源的名称
如：
http://news.sina.com.cn/c/zg/2015-10-27/doc-ifxizwsm2427861.shtml
http协议， 域名： news.sina.com.cn
服务器上： /c/zg/2015-10-27/路径下面的 ：doc-ifxizwsm2427861.shtml
URL编码：为什么要有URL编码呢？
如果我写的一个中文的网页要在阿拉伯国家的电脑上进行显示。
http://news.sina.com.cn/c/zg/2015-10-27/doc-传智播客61.shtml
中文字符在阿拉伯国家的电脑上会正常显示吗？
Url在线编码的工具：http://tool.chinaz.com/Tools/URLEncode.asp
十、图片标签的使用
<img src=””titlte=”图片的标题”alt=”当图片不显示的时候，会显示alt属性的文本”>
Alt：图片不显示的时候，会显示alt属性的文本
Title：对网站的seo有很大的影响。当鼠标移上去的时候，图片显示的tip提示文本内容。
图片的选择:
jpg
色彩还原高，适合复杂颜色图片，比如banner
gif
色彩效果最低，支持透明，支持动画，适合颜色比较少，不适合渐变色。
png
PNG的优点是，清晰，无损压缩，压缩比率很高，可渐变透明，具备几乎所有GIF的优点；缺点是不如JPG的颜色丰富，同样的图片体积也比JPG略大。
PNG有着另一个优点，那就是逐次逼近显示(progressive display)：传输图像文件的同时，可以先把整个轮廓显示出来，然后逐步显示图像的细节，即先显示低分辨率显示图像，从模糊到清晰，然后逐步提高它的分辨率。这是一个很好的用户体验。
总结：
gif和png基本差不多，色彩比较少的直接gif，如果图片动画用gif。对色彩要求高的用jpg。
十一、有序列表与无序列表：
自定义列表标签
十二、表格标签table
快捷键：ctrl+{进行左缩进，ctrl+}进行右缩进
•Table标签表格整体标签
•THead标签，表格标题部分
•TBody标签，表格内容部分
•TR标签，表格行
•TD标签，表格内容单元格
•TH标签，标题单元格
•rowspan属性，行合并单元格
colspan属性，列合并单元格
单元格合并：
Rowspan行方向上合并单元格
Column列方向合并单元格
十二、Div和span标签
Div标签: <div></div>
Span标签:<span></span>
块级标签:独占行。
行级标签：可以跟其他的行内标签共用一行。
块：p，div，ul，ol，dl，li，dt，h1-h6
行：span，strong，em，文本相关的标签都是行内标签。
Div多用于表示文档中的一个块或者是整个结构的小节。
Span标签，多用于文本的一小节。
十三、表单标签
13.1 form标签
Form标签，表单的域标签，用于包裹整个表单的内容。
表单就是用户提交数据到后台的一个虚拟单子。
表单一般由文本框、下拉列表、单选、多选、文本域等组成。
Action属性，用于指定当前表单 提交的时候指向后台的地址。
13.2 Input标签
Input标签是文本框、单选、多选、按钮等。
Type属性不同的取值决定了input标签的作用。
文本框：text
密码框：password
单选：radio
多选：checkbox
按钮：button
提交按钮：submit
重置按钮：reset
13.3 select标签
Select标签用于下拉列表，或者列表标签。
选项用option标签来设置，value值只有在后台有用。Option包裹的内容是显示的选项的文本。
Multipe:也是一个单属性。值只有一个multiple。设置了此属性表示select标签表现为 列表标签。否则表示下拉列表标签。
13.4 文本域标签
Textarea文本域标签，用来输入大量文本的的标签。文本域标签的cols表示可以容纳多少列字符。Rows容纳多少行数据。一般用于输入大量文本时才用这个，其他情况用input就可以 了。
13.5 Fieldset标签
表单组合标签，仅仅用于表单的组合。只是语义层面的事情。
可以影响到reset按钮的效果。
Legend标签用于组合标签的标题。
13.6 Lable标签
Lable标签可以让 标签文本点击的时候让label指向的标签表单标签获得焦点。
两种方式，使用for属性指向 表单标签。
用lable标签包裹表单标签。
十四、Iframe标签
iframe标签，元素会创建包含另外一个文档的内联框架（即行内框架）
<iframe src="demo_iframe.htm" width="200" height="200"></iframe>
可以设置高度和宽度（height，width）
去掉边框：frameborder设置为0；
十五、mata标签补充
<metahttp-equiv="X-UA-Compatible" content="IE=edge">
上面代表如果是用ie打开的当前页面，那么就使用最新的ie版本打开此页面。
SEO优化
<meta name="keywords" content="招聘java,php,android,ios,c/c++,网页设计,平面设计,UI设计,JavaScript,网络营销讲师">
<meta name="description" content="IT培训的龙头老大,年薪30万-50万招聘Java,PHP, android,ios,c/c++。">
<base target="_blank">
Base标签可以让当前页面中的所有的a标签都拥有相同 的属性，比如targent属性。
