Ausführliche Erläuterung der Tabelle in HTML

In diesem Artikel werden hauptsächlich Tabellen in HTML vorgestellt. Ich hoffe, dass er für alle hilfreich ist.

1. Gewöhnliche Tabelle, eine einfache HTML-Tabelle besteht aus dem Tabellenelement und den Elementen tr, td und th, wobei tr sich auf die Tabellenzeile bezieht, td sich auf die Zelle bezieht und th die Tabelle definiert Kopfzeile. Lassen Sie die leeren Zellen einfach leer oder verwenden Sie  .

<table>	
<tr>		
<th>表头</th>		
<th>表头</th>		
<th>表头</th>	
</tr>	
<tr>		
<td>单元格1
</td>		
<td></td>		
<td>单元格3</td>	
</tr>	
</table>

2. Tabelle mit Rändern. Das Rahmenelement stellt den Rand der Tabelle dar. Die Standardeinheit ist px. Cellspcing stellt den inneren Rand/Auffüllabstand dar.

<table border="1" cellspacing="10" cellpadding="30">
		<tr>
			<th>表头</th>
			<th>表头</th>
			<th>表头</th>
		</tr>
		<tr>
			<td>单元格1</td>
			<td>单元格2</td>
			<td>单元格3</td>
		</tr>
	</table>

3. Tabellen mit Hintergrundbildern oder Farben, Hinweis: bgcolor bedeutet Farbe, und Hintergrund kann keine Farbe direkt zu HTML hinzufügen (Dieser Satz ist falsch. Ja, das Die verwendete Methode ist falsch. Das direkte Schreiben mit dem Inline-Stil ist style="background:red" oder style="background-color:red"). Das Hinzufügen zur Tabelle bedeutet, dass die gesamte Tabelle festgelegt wird in tr oder td dient dazu, einzelne Zeilen oder Zellen festzulegen.

<table border="1">
		<tr>
			<th>表头</th>
			<th>表头</th>
			<th>表头</th>
		</tr>
		<tr>
			<td>单元格1</td>
			<td>单元格2</td>
			<td>单元格3</td>
		</tr>
	</table>

4. Bei Tabellen, die sich über Zeilen und Spalten erstrecken, bedeutet rowspan zeilenübergreifend, colspan spaltenübergreifend , und über Wenn die Spalte gelöscht wird, wird sie in der aktuellen Tabellenzeile gelöscht. Wenn sie sich über mehrere Zeilen erstreckt, wird sie in der Tabellenzeile darunter gelöscht.

<table border="1">
	<caption>跨行</caption>
		<tr>
		  <th>姓名</th>
		  <td>Bill Gates</td>
		</tr>
		<tr>
		  <th rowspan="2">电话</th>
		  <td>555 77 854</td>
		</tr>
		<tr>
		  <td>555 77 855</td>
		</tr>
	</table>

Eine Tabelle mit einem Titel stellt den Titel der Tabelle dar. Sie können jedoch auch andere Tags verwenden, um den Tabellentitel zu finden Die Standardeinstellung ist „An der Mitte der Tabelle ausrichten“.

6. Ordnen Sie Inhalte in Tabellenzellen an, indem Sie beispielsweise Absätze, Listen usw. in Zellen hinzufügen.

<table border="1">
	<caption>跨列</caption>
		<tr>
		  <th>姓名</th>
		  <th colspan="2">电话</th>
	</tr>
	<tr>
		  <td>Bill Gates</td>
		  <td>555 77 854</td>
		  <td>555 77 855</td>
	</tr>
</table>

7.frame Rahmenattribut, gibt an, welcher Teil des äußeren Rahmens sichtbar ist. //Wird vorerst nicht verwendet.

Verwandte Empfehlungen:

Implementierung der Bildlaufleiste für HTML-Seitentabellen

Detaillierte Erläuterung der ElTableColumn-Erweiterungsmethode

Verwandte Operationen der SQL ALTER TABLE-Anweisung

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung der Tabelle in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!