使用webstorm制作网页文件的时候，难免会遇到制作表格的情况，而且关键的布局方式一般都是使用表格完成的。
工具/原料
电脑
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来进行设置，如图所示，第三列所有的内容都全部显示一致，我们可以设置像表格中的合并效果然后一起显示，这样就不必每一列都输入内容。
如何用HTML来制作表格？
用HTML来制作表格的方法：
1、首先打开软件，新建一个HTML5文档。为文档命名为：table。当然新建文档的方法有很多，使用的软件不同，方式不同。
2、在之间输入以下代码:
... ...
| 标题1 | 标题2 | 标题3 |
|---|---|---|
| 单元格1 | 单元格2 | 单元格3 |
。
3、我们可以看到表格已经完成大半，除了线框尚未加上以外。这时，我们只用在标签
里加一个属性。
4、这时候我们再在浏览器中查看，会发现表格的边框就已经加上了。"HTML网页表格代码编写？1、我们打开记事本进入下图界面。2、我们要输入制作表格的标签，如下图框内，这个标签里面，我们额外输入了border="1"，这个就是边框为1的意思。3、大家都知道表格是由行和列组成，html里面是一行一行的输入，我们需要输入下图框内的行的标签。4、一行又是由多列组成，我们需要输入一行中的每列的数据，就需要下图框内的标签，标签中我们输入的姓名作为内容，这样就表示表格的第一行第一列的内容。5、这样我们就可以制作一个两行两列的表格，代码如下图所示。6、打开网页后，出现下图的表格。"
相关推荐
-
英雄联盟可以用鼠标宏吗,鼠标宏设置对英雄联盟有没有用？
有的。你是啥牌子的鼠标？个人不推荐设置。容易按错。。。不实用。你得有个适应过程"LOL玩家打无限火力设置鼠标宏被封号，网友调侃“就怪自己懒”，你怎么看？ 转眼之间，无限火力上线快一个月的时间了，各位网友们玩...
-
404页面错误怎么解决
开始菜单浏览器里搜索方式找到该网页下载链接保存后查找即可。 1、当我们浏览网页，点击下载链接时有时会出现“HTTP 错误 404 - 文件或目录未找到。 Internet 信息服务 (IIS)”的错误网页。 2、这时改用IE浏览器打开同...
-
暑假快到了，广东的疫情还没有结束，怎么安排孩子们的暑假呢？
关于疫情，有两组数据值得我们关注。第一，根据国家卫健委数据，截止6月13日，各地累计接种新冠病毒疫苗达到89277.0亿剂，接近9亿。在短短24小时内实现接种1424.7万剂次。第二，6月14日0-24时，广东新增2例本土确诊...
-
微信公众号排版软件哪个好用,运营微信公众号，用什么工具排版会比较好看？
排版工具内容排版工具主要用于文章内容排版美化，可以帮助大家完成优化页面表现（如图文混排／样式设计／字体优化／一键排版／特效叠加等），让图文阅读体验更好。135编辑器：http://www.135editor.com新榜编辑器：h...
-
阿里现在还有美团股份吗,阿里现在还持有美团多少的股份？
很高兴回答你的问题。在去年的乌镇大会上王兴与刘强东组了个局叫东兴局，请来了以马化腾为首的腾讯系创业者和投资者，加之如今腾讯系和阿里系的战争逐渐白日化，这自然表现出王兴的美团现在是腾讯系的。但知道美团历...
-
做分布式存储的公司有多少，国内分布式存储厂商
阿里云 阿里云飞天 盘古团队 实打实的自研，已经专注这个领域多年。目前盘古支持了阿里云的众多业务，包括但不限于 块存储（ECS云盘），对象存储（OSS）,表格服务（OTS）,大规模的分布式文件系统(ODPS业务)，分析型...