HTML怎么制作表格(用html怎么制作表格)
用HTML做一个表格(table标签)
table标签定义 HTML 表格,table 由一个或多个 tr、th 或 td 元素组成,tr 元素定义表格的行,th定义表头,td定义表格单元,即展示的内容,下面介绍下如何用HTML做一个表格
01
新建一个HTML文件,命名为testTable.html
02
增加table标签,数据展示以省份和省会为例,代码如下
03
在代码的空白出右键,选择浏览器打开,选择默认即可
04
自动跳转到浏览器,效果如下图
05
下面我们为表格增加样式,增加边框等元素,代码如下
06
刷新浏览器,最终效果如下
html怎么制作表格
表格由 table 标签来定义。每个表格均有若干行(由 tr 标签定义),每行被分割为若干单元格(由 td 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格……
table border="1"
tr
tdrow 1, cell 1/td
tdrow 1, cell 2/td
/tr
tr
tdrow 2, cell 1/td
tdrow 2, cell 2/td
/tr
/table
HTML表格怎么制作
我们经常使用HTML绘制表格,那么如何绘制呢?下面我给大家分享一下。
工具/材料
Sublime Text
01
首先打开Sublime Text软件,新建一个HTML文档,并添加HTML结构,如下图所示
02
接下来我们加入表格标签table,然后在table里面添加tr和td,如下图所示
03
运行页面以后我们就可以看到如下图所示的表格了
04
最后我们还可以给表格添加表头,如下图所示
如何用HTML来制作表格?
HTML中的表格由 table 标签来定义,表格是由单元格组成的,单元格可以放入文字、图片、表格等内容。下面,我们来看看如何用HTML来制作表格吧。
代码,先用table标签定义一个表格,其中border表示边框,border="1"表示边框为1个像素,数值越大,边框就越粗。
table border="1"
/table
tr元素表示表格中的行,比如创建两行
tr/tr表示一行。
单元格
HTML表格的单元格用td标签表示,如下图所示:
td语文/td
表格
就做好一个HTML表格,显示图如下:
总代码:
body
table border="1"
tr
td语文/td
td数学/td
/tr
tr
td英语/td
td化学/td
/tr
特别提示
表格的标签:table、tr、td三个标签。