【HTML5+css3】学习笔记之元素汇总

一、元素总汇：
a
br
wbr(可安全换行)

b(标记一段文字但不强调)
strong(表示重要)

i(表示外文或科学术语，倾斜)
em(表示强调 倾斜)

code(计算机代码)
var(表示程序输出)
samp(表示变量)
kdb(表示用户输入)
这四个属于英文范畴，必须将lang=”en”英语才能体现效果

abbr(表示缩写)
q(引用他处的内容 加双引号）
cite(表示引用其他作品的标题 倾斜)

del(表示被删除的文字 强调的删除)
s(表示文字已不再确认 不强调的删除)

u(加下划线 不强调）
ins(加下划线 强调）

dfn(表示术语定义 倾斜)
mark(表示与另一段上下文有关的内容)

rp(与ruby元素结合使用，标记括号）
rt(与ruby元素结合使用，标记括号）
ruby(表示位于表意文字上方或右方的注音符号）

bdo(控制文字的方向)
dir属性：rtl（从右到左）和ltr(从左到右）
bdi属性：大部分主流浏览器不支持 忽略

small(表示小号字体内容)

sub(表示下标字体)
sup(表示上标字体）

time(表示时间或日期)
u(标记一段文字但不强调)
span(通用元素，没有任何语义）

二、html5分组元素总汇 都比较常用

p 段落
div 没有任何语义的通用元素，和span是对应元素
blockquote 表示引自他处的大段内容
pre 表示其格式应被保留的内容
hr 水平线
ul,ol 无序列表、有序列表
li 列表项
dl dt dd 定义说明列表

figure 表示使用插图 html5才有的
figcaption 表示figure元素的标题

ol的三个属性：
start 从第几个序号开始统计
reversed 是否倒序 很多浏览器不支持
type：1、a、A、i、I

li元素的属性：
value：强行设置某个列表项的编号

figsure 使用插图

这是一张图片

三、表格

设置行的属性：

设置列的属性：
第一种：

解释：colgroup元素是为了处理某个列，span属性定义处理哪些列。1表示第一列，
2表示前两列。如果要单独设置第二列，那么需要声明前两个，先处理第一个，将列点移入第二位，再处理第二个即可。
第二种：更灵活




col元素表示单独一列，一个表示一列，控制更加灵活。如果设置了span，则控制多列。