1. 表格
---------------------------------------------
1.1. 定义:按一定的规则去填写/展示数据
1.2. 语法:
1.2.1. 创建表格,语法:<table></table>
*属性:
align
width
height
border 边框
bgcolor = "#rgb" 背景颜色,取值以px为单位的数值或者16进制的数值
cellspacing 单元格与单元格之间的距离,取值,默认1px,一般为0
cellpadding 单元格与内容之间的距离,px
【RGB】#AFD8CD
175,AF
/216,D8
/205,CD
【补充】
十进制,逢十进一{0-9}
十进制,逢十进一{0-9}
十六进制,逢十六进一,{0-9,a-f}
(十进制)85 = 0X55
0x85 = (十进制)8*16^1+5*16^0 = (十进制133)
0xC919 = (十进制)12*16^3+9*16^2+1*16^1+9*16^0 = (十进制)51481
(十进制)178 = 11*16^1+2*16^0 = 0xB2
0xC919 = (十进制)12*16^3+9*16^2+1*16^1+9*16^0 = (十进制)51481
(十进制)178 = 11*16^1+2*16^0 = 0xB2
(十进制)214 = 13*16^1+6*16^0 = 0xD6
(十进制)201 = 12*16^1+9*16^0 = 0xC6
(十进制)201 = 12*16^1+9*16^0 = 0xC6
1.2.2. 创建表头,语法:<caption></caption>
1.2.3. 创建行,语法:<tr></tr>
行可以设置width
行可以设置height
align
1.2.4. 创建列<td></td>;<th></th>(加粗,居中)
行可以设置width,宽,设置某一行中的
行不能设置height
align,在水平方向排列方式
bgcolor
valign,元素在垂直方向的排列方式
取值:top/middle(默认)/botton
1.2.3. 创建行,语法:<tr></tr>
行可以设置width
行可以设置height
align
1.2.4. 创建列<td></td>;<th></th>(加粗,居中)
行可以设置width,宽,设置某一行中的
行不能设置height
align,在水平方向排列方式
bgcolor
valign,元素在垂直方向的排列方式
取值:top/middle(默认)/botton
2. 不规则表格
单元格合并
单元格合并
跨列合并,从指定单元格开始,从左到右,合并若干个单元格,被合并的单元格要删除。语法:<td colspan = "被合并单元格数量"></td>
跨行合并,从指定单元格开始,从上到下,合并若干个单元格,被合并的单元格要删除。语法:<td rowspan = ""></td>
跨行合并,从指定单元格开始,从上到下,合并若干个单元格,被合并的单元格要删除。语法:<td rowspan = ""></td>
3. 列表
3.1. 定义:按照一定逻辑规矩去显示数据。
3.2.有序列表
语法:<ol></ol> ,order list
属性:
type,有序列表的排列方式,取值:
3.1. 定义:按照一定逻辑规矩去显示数据。
3.2.有序列表
语法:<ol></ol> ,order list
属性:
type,有序列表的排列方式,取值:
数字1(默认)按照阿拉伯数字方式排列
字母a(小写) 按照小写字母顺序方式
字母A(小写) 按照大写字母顺序方式
罗马数字(小写) i,按照小写罗马数字顺序方式
罗马数字(大写) i,按照大写罗马数字顺序方式
start,起始位置,默认1,取值,数值
字母a(小写) 按照小写字母顺序方式
字母A(小写) 按照大写字母顺序方式
罗马数字(小写) i,按照小写罗马数字顺序方式
罗马数字(大写) i,按照大写罗马数字顺序方式
start,起始位置,默认1,取值,数值
3.3. 无序列表
语法:<ul></ul> unorder list
typt 无序列表的排列方式,取值
disc(默认) 实心小圆点
circle 空心小圆点
square
none
3.4 定义列表
*创建一个定义列表
语法:<dl></dl>
*创建一个需要被修饰的内容<dt></dt>
*创建一个定义列表
语法:<dl></dl>
*创建一个需要被修饰的内容<dt></dt>
*修饰上述内容<dd></dd>,如果一个不够,可以写多个
适用场合:图文混搭
列表项:<li></li>