如何用HTML来制作表格?
工具/原料:HBuilder X、电脑
1、双击打开HBuilder X,进入HBuilder X后创建一个项目。
2、单击项目,找到js
3、在代码域里面写以下代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<table border="2" align="center">
<tr>
<td>html</td>
<td>css</td>
<td>javascript</td>
</tr>
<tr>
<td>php </td>
<td>java</td>
<td>asp</td>
</tr>
</table>
</body>
</html>
4、先保存,在上方找到运行,选择一个游览器
5、在游览器上面显示出来就是这个样子:
用HTML来制作表格的方法:
1、首先打开软件,新建一个HTML5文档。为文档命名为:table。当然新建文档的方法有很多,使用的软件不同,方式不同。
2、在<body></body>之间输入以下代码:<table> <thead> <tr> <th>标题1</th> <th>标题2</th> <th>标题3</th> </tr> </thead> <tbody> <tr> <td>单元格1</td> <td>单元格2</td> <td>单元格3</td> </tr> ... ... </tbody></table></body>。
3、我们可以看到表格已经完成大半,除了线框尚未加上以外。这时,我们只用在标签<table>里加一个属性<border="1">。
4、这时候我们再在浏览器中查看,会发现表格的边框就已经加上了。
HTML表格怎么制作?
1、制作表格我们需要使用标签table在html中输入table标签,然后设置行和列,,tr代表行,td代表列,然后在行和列中输入相关的内容。
2、预览网页我们发现,网页显示格式看起来不像是表格,因为没有框线,这时候我们需要给table标签设置边框,border,如图所示,在table标签中,定义border的值,这样再预览网页我们就可以看到表格样式。
3、图中的表格表头和文本内容显示格式一致,我们可以使用th标签代替td标签作为表格的表头,系统自动将表头内部的文本内容加粗居中显示,这样表头格式就被着重定义出来。
4、可以使用caption标签给表格添加标题,caption是table标签的子标签需要写在table标签内部,将需要定义的标题文本输入到caption中。
5、两行数值一样的话可以设置为rowspan值,如图所示,两行数据一致,直接设置rowspan值为2,下一行的这个数值就不必单独定义了,如果是三行数值一致,那么可以直接设置为3.
6、将多列相同数据一起显示可以使用colspan来进行设置,如图所示,第三列所有的内容都全部显示一致,我们可以设置像表格中的合并效果然后一起显示,这样就不必每一列都输入内容。