Die Anweisungen der HyperText Markup Language (HTML), die in Webseiten platzierte Tabellen bilden, stellen eine ziemlich große Anzahl zusätzlicher Parameter bereit. Dies ermöglicht es, im Gegensatz zu anderen Blockelementen, Größen nicht nur über die CSS-Sprache (Cascading Style Sheets oder "Cascading Style Sheets"), sondern auch über das HTML selbst festzulegen.
Anleitung
Schritt 1
Verwenden Sie das width-Attribut des table-Tags, um die Breite der Tabelle in Pixeln anzugeben. Die Tag-Tabelle (HTML-Anweisung) besteht aus einem öffnenden (
) Teile, zwischen denen sich Tags befinden, die die Zeilen und Zellen der Tabelle bilden. Im öffnenden Tag können zusätzliche Parameter (Attribute) platziert werden, deren Liste für jedes spezifische Tag durch internationale Standards festgelegt wird. Für das Tabellen-Tag erlauben diese Standards die Verwendung des width-Attributs, das die Breite der Tabelle in Pixeln angibt. Der HTML-Code einer einfachen Tabelle mit einem solchen Tag, der eine Breite von 500 Pixel definiert, kann so aussehen:
| 1. Zelle | 2. Zelle |
Schritt 2
Fügen Sie dem Wert des width-Attributs ein %-Zeichen hinzu, wenn Sie die Breite der Tabelle in Prozent statt in Pixeln angeben müssen:
| 1. Zelle | 2. Zelle |
Bitte beachten Sie, dass diese Prozentsätze nicht unbedingt auf der Breite des Browserfensters basieren. Die Struktur des Dokuments spielt hier eine Rolle – genauso wie eine verschachtelte Verschachtelungspuppe nicht breiter sein kann als die, in der sie verschachtelt ist, können 100 % der Tabellenbreite nicht größer sein als die Breite des übergeordneten Elements. Wenn sich die Tabelle beispielsweise in einem div-Block befindet, wird die Breite dieses Blocks als 100 % angenommen.
Schritt 3
Verwenden Sie die Anweisungen der Stilbeschreibungssprache, wenn Sie die gleiche Breite für die Tabellen in der Webseite an einer Stelle im Quellcode festlegen möchten. Platzieren Sie dazu zunächst im Kopfteil des HTML-Codes (zwischen und) die öffnenden und schließenden Tags, die die CSS-Sprachanweisungen begrenzen:
/ * CSS-Anweisungen werden hier sein * /
Fügen Sie dann das folgende CSS zwischen diesen Tags ein: table {width: 100px;} Hier gibt table an, dass die Beschreibung in den geschweiften Klammern auf alle Tabellen-Tags angewendet werden soll, die im Seitencode erscheinen. Nun, der Parameter width legt die Breite fest. Auch hier können Sie die relative Breite in Prozent verwenden.
Schritt 4
Geben Sie den Klassennamen im CSS-Code und im HTML-Tabellen-Tag an, wenn Sie die Breite nicht für alle Tabellen, sondern nur für eine oder mehrere Tabellen angeben müssen. Angenommen, die Klasse, die eine Gruppe schmaler Tabellen markiert, ist winzig. Dann könnte die Beschreibung seines Stils so aussehen: table.tiny {width: 100px;} Und das entsprechende Tag einer der Tabellen im HTML-Code sieht so aus:
| 1. Zelle | 2. Zelle |
