首頁  >  文章  >  web前端  >  html怎麼設定表格標題

html怎麼設定表格標題

青灯夜游
青灯夜游原創
2021-10-11 14:48:0311709瀏覽

在html中,可以使用caption標籤來設定表格標題,該標籤的作用就是定義表格的標題,語法“

表格標題”;caption標籤需要放在“
」標籤對中。

html怎麼設定表格標題

本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

在html中,可以使用

標籤來設定表格標題。

標籤的作用就是定義表格的標題。

標籤需要放在「
」標籤對中,必須直接放置到 標籤之後。

您只能對每個表格定義一個標題。

範例:

<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>

html怎麼設定表格標題

通常這個標題會被居中於表格之上。然而,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怎麼設定表格標題

推薦教學:《html影片教學

以上是html怎麼設定表格標題的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn