Gewusst wie: Span verwenden, um Spalten zu machen

Tabellen sind eine nützliche Methode zum Auflisten und organisieren von Informationen auf einer Website. Webdesigner können Tabellen viele Längen und Größen, erstellen, mithilfe von HTML-Code um die Tabelle zu erstellen, die funktioniert am besten für die Informationen, die sie anzeigen möchten. In HTML-Programmierung, "Colspan" ist ein Attribut können Sie Hinzufügen einer Tabelle eine Zeile über mehrere Spalten hinweg zu erweitern. Dies ist besonders nützlich, wenn Sie Tabellenüberschriften zu erstellen, die sich über die gesamte Länge der Tabelle möchten.

Anweisungen

1 Kopieren Sie folgenden HTML-Code:

< TABLE BORDER = "1" >< TR >< TH COLSPAN = 2 > Header < /TH >< / tr > TabelleHandy-Zelle < TR >< TD > </td >< TD > </td >< / tr >Handy-Zelle < TR >< TD > </td >< TD > </td >< / tr >< / TABLE >

2 Fügen Sie den Code in die HTML-Programmierung Ihrer Webseite. Dadurch wird eine einfache HTML-Tabelle erstellt. Die "COLSPAN = 2" Attribut macht die "Tabelle" Kopfzeile beide Spalten in der Tabelle erstrecken.

3 Ihre Tabelle weitere Spalten hinzufügen, indem Sie mehr Code zwischen die < TR > </tr > Tags und. Wenn Sie drei Spalten in der Tabelle anzeigen möchten, ändern Sie beispielsweise den Code zu < TR >< TD > </td >< TD > </td >< TD > </td >< / tr > Zelle Zelle Zelle. Dieser Code stellt eine komplette Zeile der Tabelle und sollte in der gleichen Zeile eingegeben werden.

4 Kopieren Sie den Code aus der Zeile, die Sie in Schritt 3 bearbeitet, und ersetzen Sie den Code in jede nachfolgende Zeile mit diesem neuen Code. Dadurch erhalten alle Zeilen in der Tabelle die gleiche Anzahl von Spalten.

5 Die Zahl neben dem Attribut "COLSPAN" um die Länge der die geänderte Tabelle span "Tabellenkopf"-Reihe zu bilden. Beispielsweise wenn Sie die Anzahl der Spalten in der Tabelle auf drei erhöhen, ändern Sie das Attribut auf "COLSPAN = 3."

6 Kopieren Sie den Code aus einer vorhandenen Zeile in der Tabelle und fügen Sie ihn oben die < / TABLE > kennzeichnen, wenn Sie weitere Zeilen hinzufügen müssen. Stellen Sie sicher, dass alle neue Zeilen in der Tabelle erstellte die gleiche Anzahl von Spalten wie die übrigen Zeilen haben.

7 Ersetzen Sie den "Tabellenkopf" und "Zelle" mit Ihren eigenen Tisch-Informationen.

8 Speichern Sie die Änderungen an Ihrer Web-Seite HTML-Code und veröffentlichen Sie die Änderungen in Ihrer Website.

Tipps & Warnungen

• Sie können auch das Tag < TD COLSPAN = 2 > wollen Sie eine regelmäßige Zeile zu erweitern, die keine Tabellenüberschrift ist.