Auf Baustellen mit der beliebten und einfachen Sprache HTML gibt es bestimmte Regeln für die Gestaltung und Ausrichtung von Tabellen. Es ist nicht ungewöhnlich, dass sich die Tabelle, die Sie auf der Seite platziert haben, verschiebt und daher auf der Seite zentriert oder links oder rechts angeordnet werden muss, damit sie in das gesamte Seitenlayout passt. Standardmäßig ist eine Tabelle in HTML linksbündig ausgerichtet und daher müssen Sie die Tags kennen, mit denen Sie sie neu positionieren können.
Anweisungen
Schritt 1
Um die Tabelle in der Mitte der Webseite auszurichten, verwenden Sie das im Tabellen-Tag vorhandene Attribut. Um die Tabelle rechts auszurichten, verwenden Sie das Attribut entsprechend. Um die Tabelle links auszurichten, ändern Sie den Attributwert in links.
Schritt 2
Neben der Tabelle selbst können Sie auch den Inhalt ihrer Zellen ausrichten - horizontal oder vertikal. Um den Inhalt von Tabellenzellen horizontal auszurichten, verwenden Sie das align-Attribut des tr-Tags mit dem entsprechenden Wert. Wenden Sie es für Zellen auf das td-Tag an.
Schritt 3
Experimentieren Sie mit unterschiedlicher Zeilenausrichtung in verschiedenen Zellen – Sie können Text in einer Tabellenzelle zentriert und in einer anderen rechts oder links ausrichten.
Schritt 4
Um Text vertikal auszurichten, verwenden Sie die Tag-Attribute tr und td, um den Inhalt oben in der Zelle zu positionieren. Um den Inhalt in der mittleren Zeile der Zelle zu positionieren, ändern Sie den Wert von oben in die Mitte, und um ihn am unteren Rand der Zelle auszurichten, ändern Sie den Wert nach unten. Sie können den Inhalt auch an der Grundlinie (Grundlinienwert) ausrichten.
Schritt 5
Indem Sie die Ausrichtung des Inhalts der Zellen sowohl horizontal als auch vertikal anpassen, können Sie der Tabelle genau das Aussehen verleihen, das sie haben soll, wenn sie auf Ihrer Webseite fertig ist.
