用HTML做一个表格(table标签)

table标签定义 HTML 表格,table 由一个或多个 tr、th 或 td 元素组成,tr 元素定义表格的行,th定义表头,td定义表格单元,即展示的内容,下面介绍下如何用HTML做一个表格

01

新建一个HTML文件,命名为testTable.html

防溺水安全知识内容 关于防溺水的安全知识有哪些 02

增加table标签,数据展示以省份和省会为例,代码如下

防溺水安全知识内容 关于防溺水的安全知识有哪些 03

在代码的空白出右键,选择浏览器打开,选择默认即可

防溺水安全知识内容 关于防溺水的安全知识有哪些 04

自动跳转到浏览器,效果如下图

防溺水安全知识内容 关于防溺水的安全知识有哪些 05

下面我们为表格增加样式,增加边框等元素,代码如下

防溺水安全知识内容 关于防溺水的安全知识有哪些 06

刷新浏览器,最终效果如下

防溺水安全知识内容 关于防溺水的安全知识有哪些