HTML -Tabelle TR in TD

HTML -Tabelle TR in TD

In HTML sind die Tabellen so ausgelegt, dass sie zu umfangreiche oder komplexe Daten ordnen und im Absatz vollständig dargestellt sind. Es ermöglicht dem Leser, die Ergebnisse schnell anzusehen. Darüber hinaus können Tabellen verwendet werden, um sich auf Entwicklungen oder Muster innerhalb der Informationen zu konzentrieren und die Zugänglichkeit eines Artikels durch Ausschluss von textbasierten quantitativen Informationen zu erhöhen.

Dieser Beitrag erklärt die Methode zum Erstellen der Tabelle “”Im Inneren“" Element.

So erstellen Sie eine Tabelle “" Innen "”?

Um eine Tabelle zu erstellen “”Im Inneren“", Machen Sie zuerst einen Tisch mit einem"

" Element. Dann im Inneren "" Schild.

Probieren Sie das angegebene Verfahren aus, um praktische Auswirkungen auszuprobieren.

Schritt 1: Machen Sie einen Div -Container

Nutzen Sie zuerst die “Element, um einen Div -Behälter zu erstellen. Setzen Sie auch eine ein “AusweisOder Klassenattribut mit einem bestimmten Namen. In diesem Fall wird dem ID -Attribut der Wert zugewiesen “Inhalt”.

Schritt 2: Erstellen einer Tabelle

Erstellen Sie als nächstes eine Tabelle mit Hilfe des “

Element, Definieren Sie Tabellenreihen mithilfe der “
" Schild. Darüber hinaus Einfügen von Tabellenreihen mit dem “Element und Daten mit "" Innen "" Schild. Durch das folgende Verfahren, das oben angegeben ist:


”.

Schritt 3: Hinzufügen “

" Schild

Fügen Sie im TD -Element eine weitere Zeile mit Hilfe des „ein
















Erste OrganisationZweite Organisation
Tabellenzeile in den Tabellendaten
Tabellenzeile in den Tabellendaten
Dritte Organisation Vierte Organisation

Ausgang

Wie man den Tisch stymt “" innen "”?

Um den Tisch zu stylen “" innen "Benutzer können die verschiedenen CSS -Eigenschaften nutzen. Befolgen Sie dazu den angegebenen Verfahren.

Schritt 1: Wenden Sie das CSS -Styling auf den Container „Inhalt“ an

Greife auf ... zu "div"Container mit der" die "Ausweis"Wert, der ist"Inhalt”, Und wenden Sie die folgenden CSS -Eigenschaften an:

#Inhalt
Grenze: 4px Solid RGB (8, 50, 238);
Farbe: RGB (243, 152, 15); Hintergrundfarbe: RGB (194, 240, 241);
Rand: 30px 50px;
Polsterung: 30px;

Hier:

  • Grenze”Definiert eine Grenze um das Element.
  • Farbe”Wird verwendet, um die Farbe des hinzugefügten Textes innerhalb des Elements gemäß dem zugewiesenen Wert anzugeben.
  • Rand”Zuteilt den Raum um die Grenze des Elements.
  • Polsterung”Fügt Platz im Element innerhalb der Grenze hinzu.

Schritt 2: Wenden Sie Rand um Tabellendaten an

Zugang "Tisch" Und "td”In CSS:

Tabelle TD
Grenze: 3px Groove Green;

Wenden Sie die Rand CSS -Eigenschaft an, um die Grenze um die Tabellendaten anzugeben.

Ausgang

Schritt 3: Stil „tr“ im „TD“

Jetzt style the “tr"Das ist in der" definiert "td"Durch die Verwendung des Klassennamens mit DOT -Selektor als".Tischreihe”:

.TABLE-RAW> TD
Polsterung: 10px;
Grenze: 3px dotierte RGB (233, 64, 12);
Farbe: RGB (15, 15, 15);

Wenden Sie hier die CSS -Eigenschaften nach Ihrer Wahl an. In unserem Fall das “Polsterung","Grenze", Und "Farbe”Werden zum Styling der Tabellenreihen in den Tabellendaten verwendet.

Aus der angegebenen Ausgabe kann beobachtet werden, dass wir erfolgreich hinzugefügt haben “" innen "Und entsprechend gestylt:

Hier geht es darum.

Abschluss

Erstellen Sie zunächst eine Tabelle, um die Tabelle TR in die TD einzulegen, indem Sie die “verwenden

" Schild. Geben Sie dann das an “" Und "”Um Zeilen innerhalb der Tabellendaten hinzuzufügen und sie mit CSS -Eigenschaften zu stylen. Dieser Beitrag hat erklärt, dass die Tabelle TR im TD hinzugefügt wurde.

”Im Tisch. Danach im Inneren ""Tag, einfügen"