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 » JavaScript So überprüfen Sie die TypeScript -Version Verwenden Sie die Befehle TSC -v oder die Befehle TSC --version auf der Eingabeaufforderung oder dem... Kaya Wyludda Zwangsversteigerung Batch -Apex in Salesforce Tutorial, wie Sie die Massen-DML-Operationen wie Einfügen, Aktualisieren und Löschen mit Batch Apex ... Christopher Lammert C ++ So verwenden Sie die Switch -Anweisung in C++? Die Switch -Anweisung ist eine bedingte Anweisung in C ++, die eine Variable gegen mehrere Werte tes... Lars Daub Python Pandas Group von Quantile Frederik Rodehau Python Entfernen Sie Sonderzeichen von String Python Lars Daub C ++ Array von Strukturen in C ++ Hussein Burkhard Python Matplotlib Fettdruck Fr. Chris Frisch Python Python OS Mkdir Ansgar Radtke Docker Wie werden Volumina in Docker definiert?? Jean Dengler Linux -Befehle So installieren und aktivieren Sie die SSH-Multi-Faktor-Authentifizierung für Linux-Systeme Gian Eisenlauer Php So holen Sie die PHP -TimeZone -Liste Jean Dengler AWS Was ist AWS -Steuerturm und wie man ihn benutzt?? Gian Eisenlauer Docker So verwenden Sie den Befehl „Docker Copy“, um eine Datei von einem Docker -Container auf den Host -Computer zu übertragen? Hussein Burkhard