హెచ్టిఎంఎల్ పట్టిక నిర్వచనం. 一个 HTML 表格由一个 元素和一个或多个 、 和 元素组成: 元素 定义表格行 元素 定义表格标题 元素 定义表格单元格 HTML 表格还可以包含以下元素: 另请参阅: HTML 教程:HTML పట్టిక HTML DOM 参考手册:Table 对象 CSS 教程:设置表格的样式 实例 例子 1 一个简单的 HTML 表格,包含两列和两行: 月份 储蓄 一月 ¥3400 亲自试一试 例子 2 如何向表格添加折叠边框(使用 CSS): 月份 储蓄 一月 ¥3400 二月 ¥4500 亲自试一试 例子 3 如何右对齐表格(使用 CSS): 月份 储蓄 一月 ¥3400 二月 ¥4500 亲自试一试 例子 4 如何居中对齐表格(使用 CSS): 月份 储蓄 一月 ¥3400 二月 ¥4500 亲自试一试 例子 5 如何为表格添加背景颜色(使用 CSS): 月份 储蓄 一月 ¥3400 二月 ¥4500 亲自试一试 例子 6 如何向表格添加内边距(使用 CSS): 月份 储蓄 一月 ¥3400 二月 ¥4500 亲自试一试 例子 7 如何设置表格宽度(使用 CSS): 月份 储蓄 一月 ¥3400 二月 ¥4500 亲自试一试 例子 8 如何创建表头: <th>పేరు</th> <th>ఇ-మెయిల్</th> 电话 Bill Gates bill.gates@example.com 138-1234-5678 亲自试一试 例子 9 如何创建带标题的表格: 每月储蓄 月份 储蓄 一月 ¥3400 二月 ¥4500 亲自试一试 例子 10 如何定义跨越多行或多列的表格单元格: <th>పేరు</th> <th>ఇ-మెయిల్</th> <th colspan="2">టెలిఫోన్</th> Bill Gates bill.gates@example.com 138-1234-5678 186-2345-6789 亲自试一试 全局属性 标签还支持 HTML 中的全局属性。 事件属性 标签还支持 HTML 中的事件属性。 默认的 CSS 设置 大多数浏览器将使用以下默认值显示 元素: table { display: table; border-collapse: separate; border-spacing: 2px; border-color: gray; } 亲自试一试 浏览器支持 Chrome Edge Firefox Safari Opera Chrome Edge Firefox Safari Opera 支持 支持 支持 支持 支持 上一页 下一页 工具箱 HTML 参考手册 HTML 实例 HTML 测验 HTML 教程 赞助商链接
一个 HTML 表格由一个 元素和一个或多个 、 和 元素组成: 元素 定义表格行 元素 定义表格标题 元素 定义表格单元格 HTML 表格还可以包含以下元素: 另请参阅: HTML 教程:HTML పట్టిక HTML DOM 参考手册:Table 对象 CSS 教程:设置表格的样式 实例 例子 1 一个简单的 HTML 表格,包含两列和两行: 月份 储蓄 一月 ¥3400 亲自试一试 例子 2 如何向表格添加折叠边框(使用 CSS): 月份 储蓄 一月 ¥3400 二月 ¥4500 亲自试一试 例子 3 如何右对齐表格(使用 CSS): 月份 储蓄 一月 ¥3400 二月 ¥4500 亲自试一试 例子 4 如何居中对齐表格(使用 CSS): 月份 储蓄 一月 ¥3400 二月 ¥4500 亲自试一试 例子 5 如何为表格添加背景颜色(使用 CSS): 月份 储蓄 一月 ¥3400 二月 ¥4500 亲自试一试 例子 6 如何向表格添加内边距(使用 CSS): 月份 储蓄 一月 ¥3400 二月 ¥4500 亲自试一试 例子 7 如何设置表格宽度(使用 CSS): 月份 储蓄 一月 ¥3400 二月 ¥4500 亲自试一试 例子 8 如何创建表头: <th>పేరు</th> <th>ఇ-మెయిల్</th> 电话 Bill Gates bill.gates@example.com 138-1234-5678 亲自试一试 例子 9 如何创建带标题的表格: 每月储蓄 月份 储蓄 一月 ¥3400 二月 ¥4500 亲自试一试 例子 10 如何定义跨越多行或多列的表格单元格: <th>పేరు</th> <th>ఇ-మెయిల్</th> <th colspan="2">టెలిఫోన్</th> Bill Gates bill.gates@example.com 138-1234-5678 186-2345-6789 亲自试一试 全局属性 标签还支持 HTML 中的全局属性。 事件属性 标签还支持 HTML 中的事件属性。 默认的 CSS 设置 大多数浏览器将使用以下默认值显示 元素: table { display: table; border-collapse: separate; border-spacing: 2px; border-color: gray; } 亲自试一试 浏览器支持 Chrome Edge Firefox Safari Opera Chrome Edge Firefox Safari Opera 支持 支持 支持 支持 支持 上一页 下一页 工具箱 HTML 参考手册 HTML 实例 HTML 测验 HTML 教程 赞助商链接
元素和一个或多个 、 和 元素组成: 元素 定义表格行 元素 定义表格标题 元素 定义表格单元格 HTML 表格还可以包含以下元素: 另请参阅: HTML 教程:HTML పట్టిక HTML DOM 参考手册:Table 对象 CSS 教程:设置表格的样式 实例 例子 1 一个简单的 HTML 表格,包含两列和两行: 月份 储蓄 一月 ¥3400 亲自试一试 例子 2 如何向表格添加折叠边框(使用 CSS): 月份 储蓄 一月 ¥3400 二月 ¥4500 亲自试一试 例子 3 如何右对齐表格(使用 CSS): 月份 储蓄 一月 ¥3400 二月 ¥4500 亲自试一试 例子 4 如何居中对齐表格(使用 CSS): 月份 储蓄 一月 ¥3400 二月 ¥4500 亲自试一试 例子 5 如何为表格添加背景颜色(使用 CSS): 月份 储蓄 一月 ¥3400 二月 ¥4500 亲自试一试 例子 6 如何向表格添加内边距(使用 CSS): 月份 储蓄 一月 ¥3400 二月 ¥4500 亲自试一试 例子 7 如何设置表格宽度(使用 CSS): 月份 储蓄 一月 ¥3400 二月 ¥4500 亲自试一试 例子 8 如何创建表头: <th>పేరు</th> <th>ఇ-మెయిల్</th> 电话 Bill Gates bill.gates@example.com 138-1234-5678 亲自试一试 例子 9 如何创建带标题的表格: 每月储蓄 月份 储蓄 一月 ¥3400 二月 ¥4500 亲自试一试 例子 10 如何定义跨越多行或多列的表格单元格: <th>పేరు</th> <th>ఇ-మెయిల్</th> <th colspan="2">టెలిఫోన్</th> Bill Gates bill.gates@example.com 138-1234-5678 186-2345-6789 亲自试一试 全局属性 标签还支持 HTML 中的全局属性。 事件属性 标签还支持 HTML 中的事件属性。 默认的 CSS 设置 大多数浏览器将使用以下默认值显示 元素: table { display: table; border-collapse: separate; border-spacing: 2px; border-color: gray; } 亲自试一试 浏览器支持 Chrome Edge Firefox Safari Opera Chrome Edge Firefox Safari Opera 支持 支持 支持 支持 支持 上一页 下一页 工具箱 HTML 参考手册 HTML 实例 HTML 测验 HTML 教程 赞助商链接
HTML 表格还可以包含以下元素:
HTML 教程:HTML పట్టిక
HTML DOM 参考手册:Table 对象
CSS 教程:设置表格的样式
一个简单的 HTML 表格,包含两列和两行:
亲自试一试
如何向表格添加折叠边框(使用 CSS):
如何右对齐表格(使用 CSS):
如何居中对齐表格(使用 CSS):
如何为表格添加背景颜色(使用 CSS):
如何向表格添加内边距(使用 CSS):
如何设置表格宽度(使用 CSS):
如何创建表头:
如何创建带标题的表格:
如何定义跨越多行或多列的表格单元格:
标签还支持 HTML 中的全局属性。 事件属性 标签还支持 HTML 中的事件属性。 默认的 CSS 设置 大多数浏览器将使用以下默认值显示 元素: table { display: table; border-collapse: separate; border-spacing: 2px; border-color: gray; } 亲自试一试 浏览器支持 Chrome Edge Firefox Safari Opera Chrome Edge Firefox Safari Opera 支持 支持 支持 支持 支持 上一页 下一页 工具箱 HTML 参考手册 HTML 实例 HTML 测验 HTML 教程 赞助商链接
标签还支持 HTML 中的事件属性。 默认的 CSS 设置 大多数浏览器将使用以下默认值显示 元素: table { display: table; border-collapse: separate; border-spacing: 2px; border-color: gray; } 亲自试一试 浏览器支持 Chrome Edge Firefox Safari Opera Chrome Edge Firefox Safari Opera 支持 支持 支持 支持 支持 上一页 下一页 工具箱 HTML 参考手册 HTML 实例 HTML 测验 HTML 教程 赞助商链接
大多数浏览器将使用以下默认值显示 元素: table { display: table; border-collapse: separate; border-spacing: 2px; border-color: gray; } 亲自试一试 浏览器支持 Chrome Edge Firefox Safari Opera Chrome Edge Firefox Safari Opera 支持 支持 支持 支持 支持 上一页 下一页 工具箱 HTML 参考手册 HTML 实例 HTML 测验 HTML 教程 赞助商链接
元素: table { display: table; border-collapse: separate; border-spacing: 2px; border-color: gray; } 亲自试一试 浏览器支持 Chrome Edge Firefox Safari Opera Chrome Edge Firefox Safari Opera 支持 支持 支持 支持 支持 上一页 下一页 工具箱 HTML 参考手册 HTML 实例 HTML 测验 HTML 教程 赞助商链接
table { display: table; border-collapse: separate; border-spacing: 2px; border-color: gray; }