Kurze Einführung und Verwendung von Table und div

Web-Frontend 1

Bestandteile des Formulars:

Titel Kopfzeile Text Fußzeile

Tabelle definiert eine Tabelle

<table border="1" cellspacing="0" cellpadding="0" align="center">
</Tabelle>

Caption definiert den Titel der Tabelle

<caption>Web-Frontend/caption>Ende 1<

Thead definiert den Header-Teil

<Kopf>
				<tr>
					<th>Matrikelnummer</th>
					<th>Name</th>
					<th>Geschlecht</th>
					<th>Alter</th>
				</tr>
			</thead>

Tbody definiert den Hauptteil der Tabelle

<tbody>
				<tr>
					<td>01</td>
					<td>Zhang San</td>
					<td>Männlich</td>
					<td>20</td>
				</tr>
				<tr>
					<td>02</td>
					<td>Li Si</td>
					<td>Weiblich</td>
					<td>21</td>
				</tr>
				<tfuß>
					<tr>
						<td colspan="3">Gesamtzahl der Personen:</td>
						<td>60</td>
					</tr>
				</tfoot>
			</tbody>

Tfoot definiert den Tabellenfuß, der im Allgemeinen zur Anzeige zusammenfassender Informationen verwendet wird

<tfuß>
					<tr>
						<td colspan="3">Gesamtzahl der Personen:</td>
						<td>60</td>
					</tr>
				</tfoot>

Tr definiert eine Linie

<tr>
					<th>Matrikelnummer</th>
					<th>Name</th>
					<th>Geschlecht</th>
					<th>Alter</th>
				</tr>

Th td definiert Datenelemente (Zellen). Th wird im Allgemeinen für Tabellenüberschriften verwendet und hat einen fetten Stil

Td wird im Allgemeinen für den Hauptteil verwendet, ohne fetten Stil

<tr>
					<td>01</td>
					<td>Zhang San</td>
					<td>Männlich</td>
					<td>20</td>
				</tr>

Td rowspan und colspan definieren die Anzahl der Zeilen und Spalten, über die sich eine Zelle erstreckt.

<td colspan="3">Gesamtzahl der Personen:</td>

Cellspacing definiert den Abstand zwischen Tabellen

Cellpadding definiert die Ränder der Tabelle

<table border="1" cellspacing="0" cellpadding="10">

Div definiert eine Division

<div style="Breite: 200px;Höhe: 200px;Hintergrundfarbe: Himmelblau";>

Features: Block-Level-Tags in einer neuen Zeile anzeigen

Der Unterschied zwischen Block-Level-Tags und Inline-Tags:

Tags auf Blockebene nehmen die gesamte Zeile ein. Inline-Tags werden der Reihe nach von links nach rechts angeordnet.

Tags auf Blockebene: h1-h6 p ul ol li div table dl form

Inline-Tags: span a br label I em

Eigenschaften von Elementen auf Blockebene: display:block

• Jeder Block beginnt in einer neuen Zeile, und die folgenden Elemente beginnen in einer neuen Zeile
• Breite, Höhe, Zeilenhöhe sowie Innen- und Außenränder des Elements sind konfigurierbar
• Wenn Sie die Breite eines Elements nicht festlegen, beträgt sie 100 % der Breite des übergeordneten Containers, es sei denn, Sie legen die Höhe fest

Eigenschaften von Inline-Elementen: Anzeige: Inline

• Und andere Elemente stehen auf einer Zeile
• Sie können die Breite, Höhe, Zeilenhöhe, Innen- und Außenränder eines Elements nicht festlegen
• Die Breite eines Elements entspricht der Breite des enthaltenen Textes oder Bildes und kann nicht geändert werden.

Eigenschaften von Inline-Block-Elementen: Anzeige: Inline-Block

• Und andere Elemente stehen auf einer Zeile
• Breite, Höhe, Zeilenhöhe, Innen- und Außenränder können eingestellt werden

Zusammenfassen

Dies ist das Ende dieses Artikels über die Einführung und Verwendung von Table und div. Weitere Informationen zur Einführung und Verwendung von Table und div finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den verwandten Artikeln weiter unten. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!