Normalerweise wird eine Tabelle in HTML durch die “erstellt“
" Schild. Die meisten Anfänger -Webentwickler sind jedoch der Meinung, dass dies die einzige Möglichkeit ist, eine Tabelle in HTML zu erstellen. Es ist aber auch möglich, eine Tabelle nur mit der “zu erstellen”Tags in HTML und Anwenden der CSS -Style -Eigenschaften auf den DIV -Inhalt.
In diesem Beitrag wird eine vollständige Lösung für das Erstellen einer Tabelle nur mit der “erstellt”Tag- und CSS -Eigenschaften.
So erstellen Sie Tabelle über Tag und CSS?
Die Entwickler können eine Tabelle in HTML erstellen, indem sie ein Main hinzufügen “"Tag, um eine Tabelle zu erstellen und dann mehrere"”Tags darin.
Beispiel Betrachten Sie das folgende Beispiel für HTML -Code, um eine Tabelle zu erstellen:
AUSWEIS Name Alter
001 Schmied 25
002 John 31
003 Charles 28
Im Code -Snippet oben:
A ""Tag wird mit der Klasse mit dem Namen" hinzugefügt "teilbar”.
Im Inneren "div"Containerelement, fügen Sie eine andere hinzu"div"Containerelement mit der Klasse als als" deklariert "Kopftümpunkt”.
Wieder fügen Sie drei hinzu “div"Elemente, die die Klassen benennen" haben "Divrow"Mit drei Unterbehältern mit dem"Divcell" Klasse.
Fügen Sie dann drei Divelelemente hinzu, die die “hinzufügenAUSWEIS","Name" Und "Alter”In der Kopfzeile der Tabelle.
Geben Sie danach die Werte für "ID", "Name" und "Alter" für jedes Div -Element an.
Hier ging es darum, wie man das benutzt “divElement zum Erstellen einer Tabelle. Wenden wir nun die CSS -Eigenschaften darauf an:
Fügen Sie einen Selektor hinzu, der sich auf das bezieht "teilbar”(Das enthält alle Tabellenwerte) und definieren die gewünschten CSS -Eigenschaften (i.e., “Anzeige","Breite","Hintergrundfarbe","Grenze" Und "Grenzabstand”) Für den Tabelleninhalt.
Fügen Sie danach einen Klassenwähler hinzu, der die Elemente der "auswählt"Divrow"Klasse, um die CSS hinzuzufügen"Breite" Und "AnzeigeEigenschaften der Elemente.
Zuletzt fügen Sie die Eigenschaften des CSS -Stils zu den Elementen in der "hinzu.DivcellKlassenauswahl.
Dadurch wird eine Tabelle in der Ausgabe erstellt und die folgenden Ergebnisse angezeigt:
Das ging darum, eine Tabelle in HTML mit nur Tags und CSS -Eigenschaften zu erstellen.
Abschluss
Eine Tabelle in HTML kann auch nur über das Div -Tag und die CSS -Style -Eigenschaften erstellt werden. Erstellen Sie dazu ein separates Haupt -Div -Containerelement, um die Tabelle und einige separate Div -Container -Elemente in der Inneren zu erstellen, um die Zeilen der Tabelle zu erstellen. Jedes Div -Container -Element hat seine jeweilige ID oder Klassen. Darüber hinaus werden die Klassenauswahlern verwendet, um die Divelemente auszuwählen und die CSS -Eigenschaften auf sie anzuwenden. Dieser Beitrag leitete das Erstellen einer Tabelle nur mit Div -Tag und CSS.
