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 » Golang Was ist Range -Schlüsselwort in Golang? In Golang iterieren die Schleifen wie für die Schleife durch die Elemente eines Arrays, Scheiben, Ka... Jean Dengler Power Shell So verwenden Sie die Variablen in PowerShell Variablen werden verwendet, um verschiedene Arten von Werten zu speichern, z. B. Zeichenfolgen oder ... Gian Eisenlauer Debian So installieren und verwenden Sie GParted auf Debian So installieren Sie gParted in Debian, verwenden Sie den APT -Paket -Manager und erstellen Sie Parti... Prof. Dr. Julien Plank Python Seeborn Tsllot Lars Daub Ubuntu So installieren Sie CUDA auf Ubuntu Top 10.Top 10 Lts Stephan Harms AWS Was ist der Unterschied zwischen AWS -Batch und Lambda? Lars Daub Golang Was ist Vererbung in Golang Jean Dengler Oracle -Datenbank Was ist der Zweck von Oracle Cerner?? Hussein Burkhard Java Was ist das Standard -Schlüsselwort in Switch -Anweisungen?? Lars Daub Power Shell So verwenden Sie den Befehl SET-Variable in PowerShell Lars Daub c scharf Brechen und Aussagen in C# fortsetzen Ahmed Stöckert Php Wie man Pause benutzt und in PHP fortgesetzt wird? Mohamed Flore c scharf Was ist der Switch -Ausdruck in C# Mohamed Flore