更新时间：2024-09-08 10:44:30点击：
大家好，今天小编关注到一个比较有意思的话题，就是关于html表格表单案例的问题，于是小编就整理了1个相关介绍html表格表单案例的解答，让我们一起看看吧。
使用webstorm制作网页文件的时候，难免会遇到制作表格的情况，而且关键的布局方式一般都是使用表格完成的。
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来进行设置，如图所示，第三列所有的内容都全部显示一致，我们可以设置像表格中的合并效果然后一起显示，这样就不必每一列都输入内容。
1、＜!DOCTYPE html>