Festlegen der Spaltenbreite der HTML -Tabelle

In jedem Dokument spielt die Datenrepräsentation eine wichtige Rolle bei der Aufmerksamkeit des Lesers. Es gibt verschiedene Möglichkeiten, Daten darzustellen, z. B. Diagramme, Grafiken und mehr. Insbesondere wird auf einer Webseite eine Tabelle hinzugefügt, um Daten in der richtigen Größe und Format anzuzeigen. Eine Tabelle besteht aus Zeilen und Datenspalten, und ihre Höhe und Breite kann mit Hilfe der CSS -Eigenschaften festgelegt werden.

Dieser Leitfaden wird Ihnen beibringen:

• So erstellen Sie eine Tabelle in HTML?
• So stellen Sie die Höhe der Tabellenreihe ein?
• So stellen Sie die Tabellenspaltenbreite ein?

So erstellen Sie eine Tabelle in HTML?

In HTML zuerst fügen Sie eine "hinzu"Tisch"Element und anwenden"Breite"Mit dem Wert von"100%”. Dann füge hinzu Tag zum Hinzufügen der ersten Zeile der Tabelle und in diesem Tag fügen Sie Zahlen von hinzu Tags für Überschriften. Fügen Sie nach dem Hinzufügen der Tabellenzeile für die Überschriften Zeilen für Daten hinzu. Um dies zu tun, fügen Sie hinzu Tags, einschließlich für Daten:

Name	Geschlecht	Alter
Peter	Männlich	23
Dennis	Männlich	26
Gänseblümchen	Weiblich	23

Derzeit sieht unsere Webseite so aus:

Passen Sie nun die Zeile und die Spaltengrößen der Tabelle an.

So stellen Sie die Höhe der Tabellenreihe ein?

Die Tabellenzeilenhöhe kann mit der “eingestellt werden“Höhe" Eigentum. Unten ist das Beispiel, bei dem die

Das Tag ist mit der Höhe der Style -Eigenschaft mit Wert 100px ausgestattet:
Dennis
Männlich
26

Aus dem folgenden Bild ist ersichtlich, dass die zweite Zeile der Tabelle jetzt eine Länge von 100px hat:

So stellen Sie die Tabellenspaltenbreite ein?

Die Breite der Spalte kann durch Verwendung des CSS geändert werdenBreite" Eigentum. Hier ist die Breite der Tabelle auf 80%festgelegt:

Name
Geschlecht
Alter

Ausgang

Das ist es! Wir haben erfolgreich gelernt, die Breite und Höhe eines Tisches anzupassen.

Abschluss

Tabellen sind das beliebteste Medium, um Daten zu präsentieren, da sie Daten in Zeilen und Spalten organisieren. In CSS kann eine Tabelle mit dem hergestellt werden

, ,

,

. Sie können jedoch die Eigenschaften der Höhe und Breite verwenden, um die Tabellengröße anzugeben. In diesem Blog wurde die Methode zum Festlegen der Breite der Tabellenzeilen und -spalten ausdrücklich erklärt. « Einrichten einer Entwicklerumgebung mit Docker Stellen Sie den Zellabstand in CSS - HTML ein » Php So hängen Sie ein Array in PHP an? Arrays sind wichtig, um verschiedene Arten von Daten an einem Ort zu halten. Befolgen Sie diesen Art... Gian Eisenlauer Golang Wie man Zeit nutzt.Schlaffunktion in Golang Die Zeit.Sleep () -Funktion wird häufig zum Erstellen von Verzögerungen zwischen Operationen oder fü... Frederik Rodehau Golang Was ist eine Klasse und ein Objekt in Golang? Go hat keine Klassen oder Objekte im klassischen Sinne. Stattdessen verwendet es Strukturen und Schn... Mohamed Flore Python Wie konvertiere ich eine Ausnahme in eine Schnur in Python? Ahmed Stöckert Docker Wie werden Volumina in Docker definiert?? Jean Dengler html So verwenden Sie CSS Flex-Grow-Eigenschaft? Prof. Dr. Julien Plank Docker Docker -Motor -Plugins Ahmed Stöckert Windows OS So schalten Sie Remote -Desktop auf dem PC ein Mohamed Flore Php So verwenden Sie reguläre Ausdrücke in PHP Fr. Chris Frisch AWS Was ist der Batch -Prozess und wie man ihn in AWS verwendet?? Arved Riermeier Power Shell Was sind die Schritte, um Windows PowerShell zu starten? Mohamed Flore Sqlite So herunterladen und installieren Sie SQLite -Tools? Christopher Lammert C ++ Unterschied zwischen+= und =+Operatoren in C ++ Jean Dengler