html5 知识点总结（节选）
1.html基础结构
2.html标签：
（1）h1-h6，p，<br/>
h1-h6为标题标签，大小依次减小，p标签为段落标签（<br/>为强制换行）
（2）列表（ol,ul,li）
ol为有序列表，ul为无序列表，li为列表项
效果图如下：
（3）定义列表（dl，dt，dd）
dl为定义列表，dt为定义项，dd为定义项的说明
效果图如下：
（4）排版标记（b strong i em sub sup del u hr big small）
b,strong为文本加粗；i，em为文本倾斜；sub为下标；sup为上标；del删除线；u下滑下；hr为水平线；
big，small 为字体大小（已废弃）。
（5）块行元素
1）块元素总是新起一行，可以包含块元素，行元素，文本
如：div，p，h1-h6，ul，ol，li，dl，dt，dd
2）行元素和其他元素在一起，一颗包含行元素，文本
如：span，i，em，b，strong，u，del，sub，sup，big，small，a，img
（6）特殊符号
空格 ,< ; < ,>> ,© 版权© ,&&
（7）属性（title，style，class，id）
title 鼠标的提示 <p title="鼠标的提示">；style 元素的外观；class <p class="red">；id 元素的唯一标识，有且只有一个
（8）不可见标签
1）<meta charset="utf-8">不让网页不乱码
2）<meta name="description" content="网页描述">
3）<meta name="keywords" content="前端">
（9）图片（img）
<img src="../img/1.jpg" width="100" alt="小王"> ./当前路径 ../上级路径
alt 替换图片文字；align 对齐（不需要掌握）；width 宽;hight 高；
（10）超链接
路径问题：
1）相对路径：相对于当前html文件的位置，
./开头 当前目录（可以省略），
../开头 上级目录
文件夹或者文件名/开头（省略一个./）
2）绝对路径：http 开头
/开头 代表网页的根域名
（11）锚点
1） 锚点：页面内容切换
2 ）定义：<a id="ch01"></a>
3）链接锚点： <a href="#ch01"> </a>
（12）iframe
1）定义：在网页中引入其他网页
2）src 引入地址
3）width 宽/ height 高
4）scrolling 是否滚动 （yes/no）
5）frameboeder=0 框架边框
（13）frameset框架集（不需掌握）
1）frame框架：name框架的名称；src 文件地址；
2）属性：cols 列， %百分比 ，数字像素 ，*剩余的宽
rows 行
noresize 不允许拖动
frameborder =“0” 框架的宽度
效果图如下：
（14）图片的热点区域
作用：形成不规则的连接区域
建议，使用dreamweaver绘制热点区域（图中热点区域使用dreamweaver绘制）
<img usemap="Map"> <map name="Map"> <area shape="" coords="" href="">
效果图如下：
（图中只定义了湖南，四川，河北，可点击跳转,图中可以看到湖南有蓝色边框）
（15）表格
1）属性：border 边框；width 宽度；align 对齐 （left right center）；
valign 垂直对齐 （top center bottom）；cellspacing 表格的间距；
cellpadding 到边框距离；bgcolor 背景颜色；
2）子元素：tr（行）， td（列），th（标题列）
属性：rowspan 行合并；colspan 列合并；
3）完整表格结构：<table>
<thead></head>
<tbody></tbody>
<tfoot></tfoot>
</table>
3.hbuilder-x快捷键分享：
（1）符号表示：>表示子集；+代表兄弟；() 组；$ 序列；@ 起始位置；{}文本
（2）快速生成html基本结构：！+Tab 基础的htm结构；
html+enter 基础html结构；
html>(head>title)+body（光标放在最后按Tab键）
（3）快速建立多个p标签： p*5
p*5>{我是第$行} 递增（1,2,3,4,5）
p*5>{我是第$@-} 倒序排列（5,4,3,2,1）
p*5>{我是第$@100} 从100行开始
（4）快速生成表格：table>tr*3>td*3>{第$列} (以3行3列的表格为例)
