HTML 简介
html
1、书写规范：
a.标签必须小写
b.所有属性必须用引号括起来
c.所有标签必须闭合
d.img必须要加alt属性（对图片的描述）
2、注释：
<!-- 注释内容 -->
3、字符实体
空格： 
大于号：>
小于号：<
4、html 块
div标签，表示一块内容，没有具体语义
span标签，行内元素，表示一行中的一小段内容，没有具体语义
5、含样式和语义的行内元素标签
#默认样式：斜体
1.em:表示语气中的强调词
2.i:表示专业词汇
#默认样式：加粗
3.b:表示文档中的关键字或产品名
4.strong:表示非常重要的内容
6、插入图片：
<img src="路径" alt="没有图片时显示的信息">
7、链接
#文字标签，a标签
#href 后面加链接地址，title 鼠标放上来可以看到的信息
#target 默认等于 _self，即覆盖原网页 ,换成 _blank 则会新开一个窗口
<a href="" title="" target="">网页显示的信息</a>
#回到网页顶部
<a href="#">top</a>
#让链接不做任何事
<a href="javascript:;">缺省值</a>
#滚动跳转
<a href="#锚点名">显示名</a>
<h1 id="锚点名">显示名</h1>
8、列表
#有序列表,前面自动出序号
<ol>
<li>列表一</li>
<li>列表二</li>
<li>列表三</li>
</ol>
#无序列表，前面自动出小黑点,用的最多
<ul>
<li></li>
</ul>
#定义列表
<dl>
<dt>概念</dt>
<dd>概念解释</dd>
</dl>
9、表格
#逐行定义
#border 定义边框,width 定义宽度 height 定义高度
#cellpadding 单元格内容与边框的距离 cellspacing 每个格子之间的距离
<table border='1' width='300' height='100'>
<tr>
#valign='middle' 定义垂直居中，还有top/bottom属性
<th valign='middle'>列名1</th>
<th>列名2</th>
</tr>
<tr>
#align='center'定义水平居中，还有left/right属性
<td align='center'>列属性1</td>
<td>列属性2</td>
</tr>
</table>
#其他属性，直接在某格后面定义：colspan='n' 横向合并单元格
# rowspan='n' 纵向合并单元格
#在属性最多的一行定义即可 width='n%' 整行相加为100%
10、表单
<h3>用户注册</h3>
<!--action点提交后把信息传给这个地址 method方法默认是get，会显示密码,post则不会-->
<form action='http://www.baidu.com' target='_blank' method='post'>
<div><!--这里的for 和id 共同使用，点击‘用户名’也能激活文本框 -->
<label for='name'>用户名：</label>
<!--每个输入框中都有value值，默认为空-->
<!--同时value值也是传给后台的数据，所以可以把gender的value设为0/1-->
<input type='test' name='username' id='name'>
</div>
<br />
<div>
<label>密码：</label>
<input type='password' name='pwd'>
</div>
<br />
<div>
<label>性别：</label>
<input type='radio' name='gender'> 男
<input type='radio' name='gender'> 女
</div>
<br />
<div>
<label>爱好：</label>
<input type='checkbox' name='like'> 吃
<input type='checkbox' name='like'> 喝
<input type='checkbox' name='like'> 玩
</div>
<br />
<div>
<label>照片：</label>
<input type='file' name='pic'>
</div>
<br />
<div>
<label>个人描述：</label>
<textarea></textarea>
</div>
<br />
<div>
<label>籍贯：</label>
<select>
<option>北京</option>
<option>上海</option>
<option>深圳</option>
</select>
</div>
<br />
<input type='submit' name='' value='提交'>
<input type='reset' name='' value='重置'>
<input type='button' name='' value='按钮'>
#<!--不在页面上显示，但会传回需要的数据-->
<input type='hidden' name='hid' value='10000' >
</form>
11、内嵌框架
#<!--frameborder 设置边框，scrolling 设置滚动条-->
<iframe src='http://www.baidu.com' width='900' height='500' frameborder='0' scrolling='no'></iframe>
12、html5新增标签：
1、header 页面头部、页眉
2、nav 页面导航
3、article 一篇文章
4、section 文章中的章节
5、aside 侧边栏
6、footer 页面底部、页脚
#新增常用表单控件属性：
1、placeholder 设置文本框默认提示文字
2、autofocus 自动获得焦点
3、autocomplete 联想关键词
#新增音频视频标签；
#html5增加了audio和video标签，提供了在页面上插入音频和视频的标准方法。
#audio标签
支持格式：ogg、wav、mp3
对应属性：
1、autoplay 自动播放
2、controls 显示播放器
3、loop 循环播放
4、preload 预加载
5、muted 静音
#video标签
支持格式：ogg、mp4、webM
拥有音频所有属性，其他特有属性：
1、width
2、height
3、Poster
可选第三方播放器：
1、cyberplayer
2、tencentPlayer
3、youkuplayer
