HTML 表格速查表

<table> 标签

• 定义：表格的容器元素。

• 属性：

属性	参数	描述	示例
border	数值（像素），如 1	设置表格边框的宽度	<table border="1">
cellspacing	数值（像素），如 2	设置单元格之间的间距	<table cellspacing="2">
cellpadding	数值（像素），如 5	设置单元格内容与边框之间的距离	<table cellpadding="5">
width	数值（像素）或百分比，如 100% 或 500px	设置表格的宽度	<table width="100%">
height	数值（像素）或百分比，如 200px 或 50%	设置表格的高度	<table height="200px">
align	left（左对齐）、center（居中对齐）、right（右对齐）	设置表格的水平对齐方式	<table align="center">
bgcolor	颜色值，如 #ff0000 或 red	设置表格的背景颜色	<table bgcolor="#ff0000">

<tr> 标签

• 定义：定义表格中的行。

• 属性：

属性	参数	描述	示例
bgcolor	颜色值，如 #ff0000 或 red	设置行的背景颜色	<tr bgcolor="#ff0000">
align	left（左对齐）、center（居中对齐）、right（右对齐）	设置行内容的水平对齐方式	<tr align="center">
valign	top（顶部对齐）、middle（中间对齐）、bottom（底部对齐）	设置行内容的垂直对齐方式	<tr valign="middle">

<th> 标签

• 定义：定义表格中的表头单元格。

• 属性：

属性	参数	描述	示例
colspan	数值，如 2	设置单元格跨越的列数	<th colspan="2">Header</th>
rowspan	数值，如 2	设置单元格跨越的行数	<th rowspan="2">Header</th>
align	left（左对齐）、center（居中对齐）、right（右对齐）	设置单元格内容的水平对齐方式	<th align="center">Header</th>
valign	top（顶部对齐）、middle（中间对齐）、bottom（底部对齐）	设置单元格内容的垂直对齐方式	<th valign="middle">Header</th>

<td> 标签

• 定义：定义表格中的标准单元格。

• 属性：

属性	参数	描述	示例
colspan	数值，如 2	设置单元格跨越的列数	<td colspan="2">Data</td>
rowspan	数值，如 2	设置单元格跨越的行数	<td rowspan="2">Data</td>
align	left（左对齐）、center（居中对齐）、right（右对齐）	设置单元格内容的水平对齐方式	<td align="center">Data</td>
valign	top（顶部对齐）、middle（中间对齐）、bottom（底部对齐）	设置单元格内容的垂直对齐方式	<td valign="middle">Data</td>

<thead> 标签

• 定义：定义表格的表头部分。

• 属性：无

<tbody> 标签

• 定义：定义表格的主体部分。

• 属性：无

<tfoot> 标签

• 定义：定义表格的脚注部分。

• 属性：无

<caption> 标签

• 定义：定义表格的标题。

• 属性：

属性	参数	描述	示例
align	top（顶部对齐）、bottom（底部对齐）	设置标题的对齐方式	<caption align="bottom">Table Caption</caption>

HTML 列表速查表

<ul> 标签

• 定义：定义无序列表。

• 属性：

属性	参数	描述	示例
type	disc（实心圆）、circle（空心圆）、square（正方形）	设置列表项的项目符号类型	<ul type="disc">
start	数值，如 2	设置列表的起始编号（仅对 <ol> 有效）	<ul start="2">

<ol> 标签

• 定义：定义有序列表。

• 属性：

属性	参数	描述	示例
type	1（数字）、a（小写字母）、A（大写字母）、i（小写罗马数字）、I（大写罗马数字）	设置列表项的编号类型	<ol type="1">
start	数值，如 2	设置列表的起始编号	<ol start="2">

<li> 标签

• 定义：定义列表项。

• 属性：

属性	参数	描述	示例
value	数值，如 2	设置列表项的编号（仅对 <ol> 有效）	<li value="2">Item</li>
type	disc（实心圆）、circle（空心圆）、square（正方形）	设置列表项的项目符号类型（仅对 <ul> 有效）	<li type="disc">Item</li>

<dl> 标签

• 定义：定义描述列表。

• 属性：无

<dt> 标签

• 定义：定义描述列表中的术语。

• 属性：无

<dd> 标签

• 定义：定义描述列表中的描述。

• 属性：无

示例代码

表格示例

列表示例