Heim > Web-Frontend > HTML-Tutorial > So legen Sie Tabellentitel in HTML fest

So legen Sie Tabellentitel in HTML fest

青灯夜游
Freigeben: 2021-10-11 14:50:56
Original
11845 Leute haben es durchsucht

In HTML können Sie das Caption-Tag verwenden, um den Tabellentitel festzulegen. Die Syntax lautet „

table title“. muss im Tag „
“ platziert werden.

So legen Sie Tabellentitel in HTML fest

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

In HTML können Sie das

-Tag verwenden, um den Tabellentitel festzulegen.

Der Zweck des Tags besteht darin, den Titel der Tabelle zu definieren.

-Tag muss im Tag-Paar „
“ platziert werden und muss direkt nach dem -Tag platziert werden.

Sie können nur einen Titel pro Tabelle definieren.

Beispiel:

<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>
Nach dem Login kopieren

So legen Sie Tabellentitel in HTML fest

Normalerweise wird dieser Titel zentriert über der Tabelle angezeigt. Über die CSS-Eigenschaften „text-align“ und „caption-side“ lässt sich jedoch die Ausrichtung und Anzeigeposition des Titels festlegen.

<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>
Nach dem Login kopieren

So legen Sie Tabellentitel in HTML fest

Empfohlenes Tutorial: „HTML-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo legen Sie Tabellentitel in HTML fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage