当前位置：首页 > news >正文

石青网站推广软件保定建站软件

news 2025/10/14 8:57:37

石青网站推广软件,保定建站软件,杭州做公司官网的公司,wordpress 不显示中文图片文章目录一、表头单元格标签二、表格标题标签一、表头单元格标签表头单元格可以在表格中用作第一排作为表格的表头使用 , 表头单元格中的文本设置可以与普通单元格中的文本设置不同 ; 表头单元格中的文本会居中 , 并且加粗显示 ; 表头单元格标签如下 : &…

文章目录

一、表头单元格标签
二、表格标题标签

一、表头单元格标签

表头单元格可以在表格中用作第一排作为表格的表头使用 , 表头单元格中的文本设置可以与普通单元格中的文本设置不同 ;

表头单元格中的文本会居中 , 并且加粗显示 ;

表头单元格标签如下 :

<th></th>

表头单元格与普通单元格放置位置一样 , 也是放在 table 表格标签下的 tr 表格行标签下 , 如 :

		<!-- 表格标签 --><table><!-- 表格行标签 --><tr><!-- 表格表头单元格标签 --><th>姓名</th><th>年龄</th></tr><tr><!-- 表格普通单元格标签 --><td>Tom</td><td>18</td></tr></table>

代码示例 :

<!DOCTYPE html> 
<html lang="en"><head>    <meta charset="UTF-8" /> <title>网页标题</title><base target="_blank"/></head><body><!-- 表格标签 --><table border="1" width="500" height="200" align="left" cellpadding="10" cellspacing="0"><!-- 表格行标签 --><tr><!-- 表格表头单元格标签 --><th>姓名</th><th>年龄</th></tr><tr><!-- 表格普通单元格标签 --><td>Tom</td><td>18</td></tr><tr><!-- 表格普通单元格标签 --><td>Jerry</td><td>16</td></tr></table></body>
</html>

网页效果 :

在这里插入图片描述

二、表格标题标签

在 <table>表格标签中 , 可以使用表格标题标签 <caption> 为表格添加一个标题 ;

被添加的表格标题会显示在表格上方 , 并且居中显示 ;

表格标题标签用法 : 表格标题标签必须紧跟在 <table>表格标签后面 , 中间不要插入其它标签 , 否则设置无效 ;

		<!-- 表格标签 --><table><!-- 表格标题标签 --><caption>表格标题</caption><!-- 表格行标签 --><tr><!-- 表格表头单元格标签 --><th>姓名</th><th>年龄</th></tr><tr><!-- 表格普通单元格标签 --><td>Tom</td><td>18</td></tr></table>

代码示例 :

<!DOCTYPE html> 
<html lang="en"><head>    <meta charset="UTF-8" /> <title>网页标题</title><base target="_blank"/></head><body><!-- 表格标签 --><table border="1" width="500" height="200" align="left" cellpadding="10" cellspacing="0"><!-- 表格标题标签 --><caption>表格标题</caption><!-- 表格行标签 --><tr><!-- 表格表头单元格标签 --><th>姓名</th><th>年龄</th></tr><tr><!-- 表格普通单元格标签 --><td>Tom</td><td>18</td></tr><tr><!-- 表格普通单元格标签 --><td>Jerry</td><td>16</td></tr></table></body>
</html>