                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

<table><tbody><thead><tfooter> 一起使用效果非本意！

这是我的代码

这是代码运行之后显示的样子（不是我想象的那种）

我觉得<thead>理解字面意思就是表头，应该显示在表格的上部

<tfoot>理解字面意思就是表尾，应该显示表格的尾部

下面图片是我理解出来的样子

是我理解错了嘛，若果是我理解错了，那么按照我想法想实现上图应该怎么编写代码？？？

weixin_慕侠0439068

2019-04-27

源自：初识HTML(5)+CSS(3)-升级版 5-6

关注问题我要回答

2215

操作

收起

5 回答

醉流年灬飒月回答被采纳 +2 积分
2019-04-27

表格表格，顾名思义就全是表格呀。th是表头单元格，只在thead标签里使用，你要想实现你这个也简单，直接使用 colspan="3” 来实现跨三列合并就行了

1 回复有任何疑惑可以回复我~

#1

weixin_慕侠0439068 提问者

不是很懂....具体用代码怎么实现呀！

2019-04-27 回复有任何疑惑可以回复我~

醉流年灬飒月
2019-04-27

我这里面的cellpadding忘了删，你看看就行。cellpadding是内容到边框的距离，我这个是给表格所有内容都设置了距离。colspan是合并列，还有rowspan合并行

1 回复有任何疑惑可以回复我~

#1

weixin_慕侠0439068 提问者

好的大概意思懂啦我再去度娘看看麻烦你啦！！ ^-^

2019-04-27 回复有任何疑惑可以回复我~

醉流年灬飒月
2019-04-27

你该下一个vscode

专门写代码的

1 回复有任何疑惑可以回复我~

#1

weixin_慕侠0439068 提问者

感谢感谢！！！但还不是很懂colspan和cellpadding属性的意思....

2019-04-27 回复有任何疑惑可以回复我~

醉流年灬飒月
2019-04-27

直接的就是第一个th后面 <th colspan="3">

2 回复有任何疑惑可以回复我~

醉流年灬飒月
2019-04-27

<table cellpadding="5">

<thead>

<tr>

<th>日期</th>

<th>天气</th>

<th>温度</th>

</tr>

</thead>

<tbody>

<tr>

<td>4月20日</td>

<td>阴</td>

<td>20</td>

</tr>

<tr>

<td>4月21日</td>

<td>晴</td>

<td>23</td>

</tr>

</tbody>

<tfoot>

<tr>

<td>4月22日</td>

<td>晴</td>

<td>22</td>

</tr>

</tfoot>

</table>

1 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

初识HTML(5)+CSS(3)-升级版

参与学习 1226161 人
解答问题 18236 个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

本课相似问答

2 回答不使用thead、tbody、tfoot定义表格用table tr th td 也可以实现出来表格区别是啥？

1 回答thead，tbody，tfoot有必要加吗

1 回答使用thead,tbodt,tfoot定义表格

1 回答5-5的<thead><tbody><tfood>和前一章表格比有什么作用

1 回答这里起到什么效果呢

搜索更多本课相关问答

<table><tbody><thead><tfooter> 一起使用效果非本意！

我要回答关注问题

意见反馈帮助中心 APP下载