HTML中的表格标签及列表标签

HTML中，表格用于现实或展示数据，列表用来布局。

表格标签

表格标签基本语法

<table>
	<tr>
		<td>请输入文本</td>
		<td>请输入文本</td>
		...
		<td>请输入文本</td>
	</tr>
<table>

表头单元格标签

< th>表头单元格内的文字会加粗并居中显示。

表格属性

表格属性需要写在< table>内。即< table key=“value”>< /table>

属性名	描述
align	表格对齐方式：left，center，right
border	是否有边框：“1"或” "
cellpadding	单元边缘与其内容之间的空白
cellspacing	单元格之间的空白
width	表格宽度
height	表格高度

结构标签

< thead>为表头部区域，< tbody>为表头主体区域。

①< thead>< /thead>:用于定义表格头部，内部必须有< tr>< /tr>标签。
②< tbody>< /tbody>:用于定义表格主体，放数据本体。

单元格合并

①跨行合并：rowspan=“合并单元格数”，合并代码写在最上侧单元格内（目标单元格）。
②跨列合并：colspan=“合并单元格数”，合并代码写在最左侧单元格内（目标单元格）。

合并步骤如下：
①确定合并方式（跨行/列）。
②找到目标单元格写合并方式。

< td colspan=“个数”>< /td>

③删除多余单元格

列表标签

表格标签用来显示数据，列表用来布局，分为无序列表，有序列表和自定义列表。

无序列表

< ul >标签表示无序列表，一般以项目符号形式呈现，而< li >用于定义列表项。

基本语法：

<ul>
	<li>列表项1</li>
	<li>列表项2</li>
	<li>.......</li>
</ul>

①无序列表中列表项无顺序级别之分，是并列的。
②< ul >里只能放< li >标签。
③< li >< /li >内可放其他标签。

有序列表

< ol >标签表示无序列表，列表以数字形式呈现，而< li >用于定义列表项。

基本语法：

<ol>
	<li>列表项1</li>
	<li>列表项2</li>
	<li>.......</li>
</ol>

①< ol >< /ol >内只能放< li >标签。
②< li >< /li >内可放其他标签。

自定义列表

在HTML中，< dl >用于定义自定义列表，会与< dt >(定义项目名字)和< dd >(描述每个项目/名字)一起使用。

基本语法：

<dl>
	<dt>名词</dt>
	<dd>名词1解释1</dd>
	<dd>名词1解释2</dd>
</dl>

①< dl >< /dl >中间只能出现< dd >和< dt >标签。
②< dt >和< dd >是并列关系。
③通常一个< dt >对应包含多个< dd >。