Webdesigner können Seitenlayouts mit verschachtelten Tabellen anpassen, indem sie größere und kleinere Tabellen mit verschiedenen Zellgrößen entwerfen, sodass jeder entweder Text, Grafiken oder beides zeigt. Insbesondere verschachtelte Tabellen aktivierte Spaltenlayouts auf Webseiten ohne nervige Frames.
Dieser Beitrag wird angeben:
So erstellen/erstellen/erstellen Sie eine Tabelle in HTML?
So erstellen Sie eine verschachtelte Tabelle in HTML?
So erstellen/erstellen/erstellen Sie eine Tabelle in HTML?
Um eine Tabelle in HTML zu entwerfen, die “
”Tag wird verwendet. Probieren Sie also die angegebenen Anweisungen aus.
Schritt 1: Erstellen Sie einen DIV -Behälter
Erstellen Sie zunächst einen Div -Container, indem Sie die “bereitstellenElement und fügen Sie ein ID -Attribut mit einem bestimmten Namen nach Ihrer Wahl hinzu.
Schritt 2: Überschrift hinzufügen
Verwenden Sie als nächstes das Überschriften -Tag von “" Zu "”Um eine Überschrift in den Div -Behälter hinzuzufügen. Zu diesem Zweck haben wir das verwendet “H1"Überschriften -Tag und eingebetteter Text im Öffnungs- und Schließetikett von" H1 ".
Schritt 3: Tabelle erstellen
Um eine Tabelle in HTML zu erstellen, fügen Sie eine “ein“ ein “
”Tag und fügen Sie eine Klasse im Tabellen -Tag mit einem bestimmten Namen hinzu. Fügen Sie dann die folgenden Elemente zwischen den Tabellen-Tags hinzu:
“
”Wird verwendet, um die Zeilen in der Tabelle zu definieren.
“
Element wird verwendet, um die Daten in der Tabelle hinzuzufügen.
Betten Sie dazu die Textdaten dazwischen ein
:
LinuxHint -Tutorial -Website
Erste Organisation
Zweite Organisation
Dritte Organisation
Vierte Organisation
Infolgedessen wurde in der HTML eine einfache Tabelle erfolgreich erstellt:
Schritt 4: Style den Div -Behälter
Um den DIV -Container zu stylen, greifen Sie zuerst mit Hilfe von “zu#Hauptinhalt”Und wenden Sie das CSS -Styling nach Ihren Wünschen an:
In diesem Fall haben wir das angewendetGrenze","Polsterung", Und "Hintergrundfarbe" Eigenschaften. Der "HintergrundfarbeEigenschaft bestimmt die Farbe am Hintern des definierten Elements.
Schritt 6: Styling auf Tabellenreihen und Spalten anwenden
Greife auf ... zu "Tisch"Zusammen mit Reihen"tr"Und Daten"td”:
Tabelle Tr td Grenze: 3px fest grün;
Dann wenden Sie die “an“Grenze”CSS -Eigenschaft, um die Grenze um die Tabellenreihen und Zellen hinzuzufügen.
Ausgang
Bewegen Sie sich in den nächsten Abschnitt, wenn Sie den Tisch verschachtelt haben möchten.
So erstellen/erstellen/erstellen Sie eine verschachtelte Tabelle in HTML?
Erstellen Sie zunächst eine Tabelle mit dem “, um eine verschachtelte Tabelle in HTML zu erstellen
Element und Definieren Sie Zeilen innerhalb der Tabelle. Dann fügen Sie das hinzu “
Element, um die Daten innerhalb der Daten hinzuzufügen. Im Inneren "
"Öffnen und Schließen von Tag, einfügen"
Um einen verschachtelten Tisch im Tisch zu erstellen.
Für praktische Auswirkungen müssen Sie die unten angegebenen Anweisungen ausprobieren.
Schritt 1: Erstellen Sie den Container „Div“
Erstellen Sie zunächst einen Container mit dem “”Mit einem Klassenattribut im Div -Tag.
Schritt 2: Überschrift einfügen
Fügen Sie als nächstes eine Überschrift hinzu, indem Sie das verwenden "”Tag und einbetten Text zwischen dem Tag ein.
Schritt 3: Tabelle machen
Erstellen Sie eine Tabelle mit Hilfe des “
"Tag und hinzufügen"
" Und "
”.Fügen Sie den Text in der Tabelle hinzu.
Schritt 4: Erstellen Sie eine verschachtelte Tabelle
Im Inneren "
"Element, eine andere definieren"
Element zum Erstellen einer verschachtelten Tabelle innerhalb der Haupttabelle. Fügen Sie danach Daten nach Ihren Bedürfnissen hinzu:
LinuxHint -Tutorial -Website
Erste Organisation
Zweite Organisation
Mitarbeiter 1
Mitarbeiter 2
Mitarbeiter 3
Mitarbeiter 4
Dritte Organisation
Vierte Organisation
Mitarbeiter 1
Mitarbeiter 2
Mitarbeiter 3
Mitarbeiter 4
Notiz: Benutzer können so viele Tabellen wie in der Inneren hinzufügen
Haupttabelle.
In der folgenden Ausgabe ist zu sehen, dass die verschachtelte Tabelle erfolgreich erstellt wurde:
Schritt 4: Stil verschachtelter Tisch
Greifen Sie mit der ID mit dem Selektor auf die verschachtelte Tabelle zu. In unserem Fall zugreifen “#verschachtelter Tisch”Und Wenden Sie das Styling mit Hilfe von CSS -Eigenschaften an:
Wir haben die “angewendet“Grenze","Farbe", Und "HintergrundfarbeEigenschaften und legen Sie den Wert nach dem Wunsch auf der verschachtelten Tabelle fest.
Ausgang
Das ging darum, eine verschachtelte Tabelle in HTML zu erstellen.
Abschluss
Erstellen Sie zunächst eine Tabelle, um eine verschachtelte Tabelle in HTML zu erstellen, indem Sie die “verwenden
" Schild. Definieren Sie dann die Reihen mit Hilfe des “
"Tag" und fügen Sie Daten hinzu, indem Sie "verwenden"
”. Danach im Inneren "
Tag, erstellen Sie eine andere Tabelle, indem Sie dieselbe Methode ausprobieren. Benutzer können auch CSS -Eigenschaften zum Styling der Tabelle und der verschachtelten Tabelle anwenden. Dieser Beitrag hat die Methode zum Erstellen der verschachtelten Tabelle in HTML gezeigt.
