Was bedeutet td in HTML5?

In HTML5 bezieht sich td auf Tabellendaten, die jede Zelle in der Tabelle darstellen. Es handelt sich um ein Beschriftungselement, das zur Definition von Standardzellen in der Tabelle verwendet wird und zur Aufnahme von Daten verwendet wird. Das td-Element muss innerhalb des tr-Elements definiert werden und der darin enthaltene Text wird normalerweise in einem linksbündigen Stil mit der Syntax „

data“ gerendert. .

Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.

In HTML5 lautet der vollständige Name von td „Tabellendaten“, was Tabellendaten bedeutet und die Zellen in der Tabelle darstellt.

-Tag wird verwendet, um Standardzellen innerhalb der Tabelle zu definieren, wird normalerweise als linksbündiger Text gerendert.

Es gibt zwei Arten von Zellen in HTML-Formularen:

• Header-Zellen – enthalten Header-Informationen (erstellt durch das th-Element)

• Standardzellen – enthalten Daten (erstellt durch das td-Element)

Die Das Zellenelement „th“ oder „td“ muss innerhalb des „tr“-Elements definiert werden. Ein „tr“-Element enthält ein oder mehrere „th“- oder „td“-Elemente.

Beispiel:

<table border="1">
	<tr>
		<th>商品</th>
		<th>价格</th>
	</tr>
	<tr>
		<td>T恤</td>
		<td>￥100</td>
	</tr>
	<tr>
		<td>牛仔褂</td>
		<td>￥250</td>
	</tr>
	<tr>
		<td>牛仔库</td>
		<td>￥150</td>
	</tr>
</table>

Unterstützte Attribute in HTML5:

Attribut	Wert	Beschreibung
colspan	number	gibt die Anzahl der Zellen an, die sein können spanned Anzahl der Spalten.
headers	header_id	Gibt eine oder mehrere mit der Zelle verknüpfte Headerzellen an.
rowspan	number	Legen Sie die Anzahl der Zeilen fest, die die Zelle umfassen kann.

Tipp: Wenn Sie Inhalte über mehrere Zeilen oder Spalten verteilen müssen, verwenden Sie die Attribute colspan und rowspan!

<table border="1">
	<tr>
		<th>商品</th>
		<th>价格</th>
	</tr>
	<tr>
		<td>T恤</td>
		<td rowspan="2">￥100</td>
	</tr>
	<tr>
		<td>牛仔褂</td>
	</tr>
	<tr>
		<td>牛仔库</td>
		<td>￥150</td>
	</tr>
</table>

Verwandte Empfehlungen: „HTML-Video-Tutorial“

Das obige ist der detaillierte Inhalt vonWas bedeutet td in HTML5?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!