HTML中表格设置标题的方法是什么？

这篇文章给大家分享的是HTML中表格设置标题的方法。小编觉得挺实用的，因此分享给大家做个参考，文中的示例代码介绍得很详细，有需要的朋友可以参考，接下来就跟随小编一起了解看看吧。

本教程操作环境：windows7系统、CSS3& & HTML5版、Dell G3电脑。

在html中，可以使用caption> 标签来设置表格标题。

caption> 标签的作用就是定义表格的标题。

caption> 标签需要放在“table> /table> ”标签对中，必须直接放置到 table> 标签之后。

您只能对每个表格定义一个标题。

示例：

table border="1">
    
	caption>
    人物信息/caption>
    
	tr>
    
		th>
    姓名/th>
    
		th>
    年龄/th>
    
	/tr>
    
	tr>
    
		td>
    Peter/td>
    
		td>
    20/td>
    
	/tr>
    
	tr>
    
		td>
    Lois/td>
    
		td>
    20/td>
    
	/tr>
    
/table>
    

通常这个标题会被居中于表格之上。然而，CSS 属性 "text-align" 和 "caption-side" 能用来设置标题的对齐方式和显示位置。

table border="1">
    
	caption style="caption-side:bottom;
    ">
    人物信息/caption>
    
	tr>
    
		th>
    姓名/th>
    
		th>
    年龄/th>
    
	/tr>
    
	tr>
    
		td>
    Peter/td>
    
		td>
    20/td>
    
	/tr>
    
	tr>
    
		td>
    Lois/td>
    
		td>
    20/td>
    
	/tr>
    
/table>
    

以上就是HTML中表格设置标题的方法，本文只是提供了一种实现思路，代码仅供参考，需要的朋友可以了解看看，希望对大家学习有帮助，想要了解更多可以继续浏览网络其他相关的文章。

文本转载自PHP中文网

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！