Eine kurze Analyse der Einführung und Verwendung von Table und div

Web-Frontend 1

Bestandteile des Formulars:

Titelkopfzeile, Körperfußzeile

Tabelle definiert eine Tabelle

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

Caption definiert den Titel der Tabelle

 <caption>web front/caption>end 1<

Thead definiert den Teil des Headers

 <thead>
				<tr>
					<th>Studenten-ID-Nummer</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>李思</td>
					<td>Weiblich</td>
					<td>21</td>
				</tr>
				<tfoot>
					<tr>
						<td colspan="3">Gesamtzahl der Personen:</td>
						<td>60</td>
					</tr>
				</tfoot>
			</tbody>

Tfoot definiert die Fußzeile der Tabelle, normalerweise zur Anzeige zusammenfassender Informationen

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

Tr definiert eine Linie

 <tr>
					<th>Studenten-ID-Nummer</th>
					<th>Name</th>
					<th>Geschlecht</th>
					<th>Alter</th>
				</tr>

Das td definiert Datenelemente (Zellen). Es wird im Allgemeinen für Tabellenüberschriften verwendet und ist fett gedruckt

Für den Hauptteil wird im Allgemeinen Td ohne Fettdruck verwendet

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

Td rowspan und colspan definieren jeweils die Anzahl der Zeilen und Spalten, die die Zelle umfasst.

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

Cellspacing definiert den Abstand von Tabellen

Cellpadding definiert die Ränder der Tabelle

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

Div definiert eine Division

 <div style="width: 200px;height: 200px;background-color:skyblue";>

Funktion: Beschriftungen auf Blockebene 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 in der Reihenfolge von links nach rechts angeordnet.

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

Inline-Label: Span a br lable I em

Eigenschaften von Elementen auf Blockebene: display:block

Jeder Block beginnt in einer neuen Zeile und nachfolgende Elemente beginnen in einer neuen Zeile. Die Breite, Höhe, Zeilenhöhe sowie die inneren und äußeren Ränder des Elements sind alle einstellbar. Wenn die Breite des Elements nicht festgelegt ist 100 % seines übergeordneten Containers, es sei denn, Sie legen die Höhe für ihn fest

Eigenschaften von Inline-Elementen: Anzeige: inline

Sie befinden sich alle in derselben Zeile wie andere Elemente. Die Breite, Höhe, Zeilenhöhe sowie die inneren und äußeren Ränder des Elements können nicht festgelegt werden. Die Breite des Elements entspricht der Breite des darin enthaltenen Texts oder Bilds und kann nicht geändert werden .

Eigenschaften von Inline-Blockelementen: Anzeige: Inline-Block

und andere Elemente befinden sich alle auf derselben Zeile. Die Breite, Höhe, Zeilenhöhe sowie der innere und äußere Rand können alle festgelegt werden.

Zusammenfassen

Damit ist dieser Artikel über die kurze Einführung und Verwendung von Table und div abgeschlossen. Weitere Informationen zur Einführung und Verwendung von Table und div finden Sie in früheren Artikeln auf downcodes.com oder durchsuchen Sie weiterhin die folgenden verwandten Artikel. Bitte unterstützen Sie Downcodes. com in Zukunft mehr!