小白教程
所有教程
关于
Search
172.69.6.235
172.69.6.235
参数设置
贡献
退出
操作
编辑
移动
保护
信息
历史
删除
查看“HTML表头”的源代码
本页内容
上一节:
HTML表格宽度高度
下一节:
HTML表格合并行和列
因为以下原因,您没有权限编辑本页:
您请求的操作仅限属于该用户组的用户执行:
用户
您可以查看和复制此页面的源代码。
[[Category:HTML教程|25]] HTML 表格可以为每列或每行或许多列/行有标题。 == HTML 表头 == 表头是用''' <nowiki>th</nowiki> '''元素定义的,每个''' <nowiki>th</nowiki> '''元素代表一个表格单元格。 <sample title="" hererun="s" desc=""> <style> table, th, td { border: 1px solid black; } </style> <table> <tr> <th>Firstname</th> <th>Lastname</th> <th>Age</th> </tr> <tr> <td>Jill</td> <td>Smith</td> <td>50</td> </tr> <tr> <td>Eve</td> <td>Jackson</td> <td>94</td> </tr> </table> </sample> == 纵向表头 == 要将第一列用作表格标题,请将每行中的第一个单元格定义为一个''' <nowiki>th</nowiki> '''元素: <sample title="" hererun="s" desc=""> <style> table, th, td { border: 1px solid black; } </style> <table> <tr> <th>Firstname</th> <td>Jill</td> <td>Eve</td> </tr> <tr> <th>Lastname</th> <td>Smith</td> <td>Jackson</td> </tr> <tr> <th>Age</th> <td>94</td> <td>50</td> </tr> </table> </sample> == 对齐表格标题 == 默认情况下,表格标题为粗体并居中: 要左对齐表格标题,请使用 CSS''' <nowiki>text-align</nowiki> '''属性: <sample title="" hererun="s" desc="" > <style> table, th, td { border: 1px solid black; } th { text-align: left; } </style> <table> <tr> <th>Firstname</th> <td>Jill</td> <td>Eve</td> </tr> <tr> <th>Lastname</th> <td>Smith</td> <td>Jackson</td> </tr> <tr> <th>Age</th> <td>94</td> <td>50</td> </tr> </table> </sample> == 多列标题 == 您可以有一个跨越两列或多列的标题。 为此,请使用元素''' <nowiki>colspan</nowiki> '''上的属性 :''' <nowiki><th></nowiki> ''' <sample title="" hererun="s" desc=""> <style> table, th, td { border: 1px solid black; } </style> <table> <tr> <th colspan="2">Name</th> <th>Age</th> </tr> <tr> <td>Jill</td> <td>Smith</td> <td>50</td> </tr> <tr> <td>Eve</td> <td>Jackson</td> <td>94</td> </tr> </table> </sample> == 表格标题 == 您可以添加一个标题作为整个表格的标题。 要为表格添加标题,请使用''' <nowiki><caption></nowiki> '''标签: <sample title="" hererun="s" desc=""> <style> table, th, td { border: 1px solid black; } </style> <table style="width:100%"> <caption>Monthly savings</caption> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> <tr> <td>February</td> <td>$50</td> </tr> </table> </sample> <blockquote> 注意:标签''' <nowiki><caption></nowiki> '''应该紧跟在''' <nowiki><table></nowiki> '''标签之后。 </blockquote>
返回至“
HTML表头
”。
上一节:
HTML表格宽度高度
下一节:
HTML表格合并行和列