Erstellen einer einfachen Tabelle
Die Grundstruktur einer HTML-Tabelle besteht aus den folgenden Tags:
- Tabelle tags:
- Row tags:
- Zell tags:
| |
Constructing eine HTML-Tabelle besteht in der Tabelle zwischen dem Anfang Tabelle Tag der Beschreibung,
, und das Ende Tabelle table-Tag,
. Zwischen diesen Tags, konstruieren Sie dann jede Zeile und jede Zelle in der Zeile. Um dies zu tun, würden Sie zuerst die Zeile mit der Anfangszeile Tag beginnen,
, und dann die Reihe bauen, indem jede Zelle mit dem Zellenanfang tag Erstellen | , die Daten für diese Zelle hinzugefügt, und dann mit der Endung Zelle Tag die Zelle zu schließen, | . Wenn Sie alle Zellen für eine Zeile abgeschlossen hat, würden Sie dann die Zeile mit der Endung Reihe Tag schließen,
.Dann wird für jede neue Zeile, würde wiederholen Sie den Vorgang der Reihe von Beginn Aufbau jeder Zelle in der Zeile, und Schließen der Reihe.
Die folgende Tabelle ist ein Beispiel für eine einfache Tabelle mit drei Zeilen und zwei Spalten von Daten.
Die folgenden Codes erzeugen die Grenze, TABLE TITEL und Spalte A und Spalte B Schriften für die Tabelle:
TABELLE TITEL
|
|---|
Spalte A |
Spalte B |
Hinweis: Wenn Sie die Codes anzeigen möchten, der die Daten 1 bis Daten 6-Zellen erzeugt wird, beziehen sich auf den vorherigen Abschnitt.
Beachten Sie, dass der Anfang table-Tag,
, Jetzt schließt die Grenze tag, border = „5“, die einen Rahmen um den Tisch und die Rahmen jeder Zelle platziert. Die Zahl, die Sie an die Grenze Tag, BORDER = n zuschreiben, wird die Breite des Tabellenrahmens. Je nachdem, wie Sie Ihren Tisch entwerfen, können Sie dann die Grenze Größe bestimmen, die am besten Ihren Tisch und das gesamte Design Ihrer Web-Seite.Um einen Titel zu Ihrer Tabelle hinzuzufügen, würden Sie den Titel platzieren und die Attribute des Titels zwischen den Zeilenbefehlen,
und
. Die Überschrift Codes, und | , definieren eine Zell- und Überschrift, die standardmäßig diese Codes die Position zentrieren und es fett eingestellt. Wenn Sie jedoch den Titel wollen über die Spalten darunter zu überbrücken, müssen Sie die COLSPAN = n Code enthalten. Da diese Tabelle zwei Spalten hat, war die COLSPAN = „2“ Code notwendig. So fügen Sie Wert auf die Kopfzeile können Sie die Header-Befehle verwenden, um den Text zu vergrößern zu machen. In dieser Tabelle feststellen, dass die und
Befehle aus dem Titel größer. Endlich, das
Tag erstellt einen Raum über dem Titel.
Die einzelnen Spaltenüberschriften werden auch durch die Überschrift Codes beschrieben,
und | . Da diese Codes, die standardmäßig die Überschrift zentrieren und es fett eingestellt, keine zusätzlichen Befehle oder Eigenschaften wurden in der Überschrift Befehle enthalten.
Polieren Sie Ihren Tisch
Einige der Befehle, die es Ihnen ermöglichen, Ihre Tabelle zu gestalten sind:
- Der WIDTH = n% Befehl setzt die Breite der Tabelle als Prozentsatz des Bildschirms. Der Buchstabe n bezeichnet den Prozentsatz, den Sie auf diesen Befehl zuweisen. Zum Beispiel, wenn Sie die Breite der Tabelle wollen eine Hälfte sein die Breite des Bildschirms, würden Sie die WIDTH = „50%“ Befehl am Anfang Tabellenbefehl enthalten.
- Der CELLPADDING = n-Befehl stellt die vertikale Abmessung der Zellen. Der Buchstabe n bezeichnet den numerischen Wert, den Sie auf diesen Befehl zuweisen.
- Der CELLSPACING = n Befehl setzt den Raum oder Rahmen um die Zellen. Der Buchstabe n bezeichnet den numerischen Wert, den Sie auf diesen Befehl zuweisen.
- Das ALIGN = (links, rechts oder in der Mitte) Befehl wird horizontal um die Daten in einer Zelle auszurichten. Zum Beispiel, wenn Sie die Daten in der Mitte jeder Zelle in einer Zeile platzieren mögen, würden Sie die ALIGN = CENTER Befehl innerhalb des Zeilenbefehls enthalten.
- Die VALIGN = (oben, Mitte oder unten) Befehl wird vertikal um die Daten in einer Zelle auszurichten. Zum Beispiel, wenn Sie die Daten in der Mitte jeder Zelle in einer Zeile platzieren mögen, würden Sie die ALIGN = MIDDLE Befehl innerhalb des Zeilenbefehls enthalten.
TABELLE TITEL
In Verbindung stehende Artikel