HTML 列表表格的标签、属性_html列表标签属性-优快云博客

本文链接：https://blog.youkuaiyun.com/Lululovesickness/article/details/110847850

本文详细解读表格在HTML中如何创建，CSS如何美化，并介绍其在前端开发中的实际应用。包括表头、主体和页脚的结构，以及表格属性和标签的使用技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

表格

表格的主体

<table>

	<caption>表格的标题</caption>
	
	// 表头
	<thead>
	<tr>
		<th></th>	// 表头单元格th
	</tr>
	</thead>

	// 主体
	<tbody>
	<tr>
		<td></td>	// 标准单元格td
		<td></td>
	</tr>
	</tbody>

	// 页脚
	<tfoot>
	<tr>
		<td></td>
	</tr>
	</tfoot>
	
</table>

标签：

标签	含义
tr	行，包含一个或多个th或td
th	表头单元格，居中加粗
td	标准单元格
caption	定义表格的标题
thead	表头，对表格内容进行划分
tbody	主题，对表格的内容进行划分
tfoot	页脚，对表格内容进行划分

表格的属性

属性	含义
width	表格宽度
border	边框线粗细
cellspacing	单元格之间的间距
cellpadding	单元格与边框的间距
align	水平对齐
valign	垂直对齐
colspan	单元格横跨的列数
rowspan	单元格横跨的行数

列表

三种列表

	// 有序列表   （默认值实心圆）disc 
	<ol>
		<li></li>
		<li></li>
	</ol>

	// 无序列表   （默认值阿拉伯数字）1
	<ul>
		<li></li>
		<li></li>
	</ul>

	// 自定义列表
	<dl> // 划分一块区域
	
		<dt>名词1</dt>  // 头部
		<dd>名词1的解释1</dd>  // 主体
		<dd>名词1的解释2</dd>  // 主体

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