CSS/HTML

推荐列表 站点导航

当前位置:首页 > 脚本编程 > CSS/HTML >

caption标签怎么使用

来源:网络整理  作者:  发布时间:2020-12-22 09:51
caption标签用于向HTML表添加标题,caption必须紧跟在table的后面出现在HTML文档中,可以使用CSS直观地定位在表的底部。...

代码如下

<!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> </head> <body> <table border="1" cellspacing="0"> <caption>最喜欢的颜色</caption> <tr> <th>名字</th> <th>喜欢的颜色</th> </tr> <tr> <td>Tom</td> <td>蓝色</td> </tr> <tr> <td>Jerry</td> <td>红色</td> </tr> <tr> <td>Marry</td> <td>粉色</td> </tr> <tr> <td>Cindy</td> <td>黄色</td> </tr> </table> </body> </html>

效果如下:标题在表格的中间。

caption元素定义表格标题,但是只能对每个表格定义一个标题,通常这个标题会被居中于表格之上。(参考地址:HTML表格

html

caption标签用于向HTML表添加标题,caption必须紧跟在table的后面出现在HTML文档中,可以使用CSS直观地定位在表的底部,下面我们就来看看caption标签的具体用法。

微信截图_20190211164609.png

本篇文章到这里就全部结束了,关于前端的更多精彩内容大家可以关注聚合云库的相关栏目教程!!!

以上就是caption标签怎么使用的详细内容,更多请关注聚合云库其它相关文章!

我们来看具体的示例

相关热词: 标签

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!

本文地址: https://v30.fanwenzhu.com/jiaob/cssm/7071.shtml

Copyright © www.juheyunku.com      关于 | 合作 | 声明 | 联系 | 更新 | 地图 | Tags

caption标签怎么使用

2020-12-22 编辑:

代码如下

<!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> </head> <body> <table border="1" cellspacing="0"> <caption>最喜欢的颜色</caption> <tr> <th>名字</th> <th>喜欢的颜色</th> </tr> <tr> <td>Tom</td> <td>蓝色</td> </tr> <tr> <td>Jerry</td> <td>红色</td> </tr> <tr> <td>Marry</td> <td>粉色</td> </tr> <tr> <td>Cindy</td> <td>黄色</td> </tr> </table> </body> </html>

效果如下:标题在表格的中间。

caption元素定义表格标题,但是只能对每个表格定义一个标题,通常这个标题会被居中于表格之上。(参考地址:HTML表格

html

caption标签用于向HTML表添加标题,caption必须紧跟在table的后面出现在HTML文档中,可以使用CSS直观地定位在表的底部,下面我们就来看看caption标签的具体用法。

微信截图_20190211164609.png

本篇文章到这里就全部结束了,关于前端的更多精彩内容大家可以关注聚合云库的相关栏目教程!!!

以上就是caption标签怎么使用的详细内容,更多请关注聚合云库其它相关文章!

我们来看具体的示例

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供学习参考!
本文地址为 https://v30.fanwenzhu.com/jiaob/cssm/7071.shtml

相关文章

风云图片

推荐阅读

返回CSS/HTML频道首页