1)表格
定义<table></table>
定义行<tr></tr>
定义列<td></td>
例子:创建表格2行2列
<table>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
2)表格属性
table:
width : 宽度
height : 高度
align : 水平对齐方式(left,center,right)
border : 设置表格的变宽,以px(像素)为单位
cellpadding : 内边距,(单元格边框与内容之间的距离)
cellspacing : 外边距,(单元格与单元格之间的距离)
bgcolor : 表格背景颜色
tr :
align : 设置该行内容的水平对齐方式(left,center,right)
valign: 设置该行内容的垂直对齐方式(top,middle,bottom)
td :
align:设置该行内容的水平对齐方式(left,center,right)
valign:设置该行内容的垂直对齐方式(top,middle,bottom)
width:宽度
height:高度
colspan : 单元格跨列(向右合并单元格)
rowspan : 单元格跨行(向下合并单元格)
3)表格的其他用法
1、行分组
根据行不同的作用,划分成不同的组
行分组分为3个部分:
表头,表主体,表尾
表头:<thead></thead>
表主体:<tbody></tbody>
表尾:<tfoot></tfoot>
2、不规则表格
1、跨列:colspan
2、跨行:rowspan
4)列表
1、有序列表
语法:<ol></ol> --> Order List
<li></li> --> List Item 列表项
属性:
ol :
type : 列表类型
取值:
1 : 数字(默认值)
a : 小写字母
A : 大写字母
i : 小写罗马数字
I : 大写罗马数字
start : 起始编号
2、无序列表
语法:<ul></ul> --> Unorder List
列表项<li></li>
属性:
ul:
type
取值:
disc : 实心圆(默认)
circle : 空心圆
square : 实心矩形
什么时候使用列表(有序、无序):
1、从上到下,只有一列显示数据
2、从左到右,只有一行显示数据(导航)
3、自定义列表
<dl> 定义列表
<dt></dt> 列表内容标题
<dd></dd> 列表数据
</dl>
使用场合:做图文混排的布局