HTML中的表格制作

 时间:2024-10-13 19:22:04

1、制作表格我们需要使用标签table在html中输入table标签,然后设置行和列,,tr代表行,td代表列,然后在行和列中输入相关的内容。

HTML中的表格制作
HTML中的表格制作

2、预览网页我们发现,网页显示格式看起来不像是釉涑杵抑表格,因为没有框线,这时候我们需要给table标签设置边框,border,如图所示,在table标签中,定义border的值,这样再预览网页我们就可以看到表格样式。

HTML中的表格制作
HTML中的表格制作

3、图中的表格表头和文本内容显示格式一致,我们可以使用th标签代替td标签作为表格的表头,系统自动将表头内部的文本内容加粗居中显示,这样表头格式就被着重定义出来。

HTML中的表格制作
HTML中的表格制作

4、可以使用caption标签给表格添加标题,caption是table标签的子标签需要写在table标签内部,将需要定义的标题文本输入到caption中。

HTML中的表格制作
HTML中的表格制作

5、两行数值一样的话可以设置为rowspan值,如图所示,两行数据一致,直接设醅呓择锗置rowspan值为2,下一行的这个数值就不必单独定义了,如果是三行数值一致,那么可以直接设置为3.

HTML中的表格制作
HTML中的表格制作

6、将多列相同数据一起显示可以使用colspan来进行设置,如图所示,第三列所有的内容都全部显示一致,我们可以设置像表格中的合并效果然后一起显示,这样就不必每一列都输入内容。

HTML中的表格制作
HTML中的表格制作
  • 如何使用Axure制作动态时间
  • Axure RP8怎样使用查找功能?
  • 如何将数据库从SQL Server上分离下来
  • Axure rp中多行文本元件工具怎么用
  • css 动画如何让背景动起来
  • 热门搜索
    节约粮食手抄报 汉字手抄报 三年级手抄报 手抄报模板 关于消防安全的手抄报 平安校园手抄报 校园安全手抄报内容 遨游汉字王国手抄报 防震减灾手抄报 普通话手抄报