Einführung
Tabellen können verwendet werden, um Daten in einem strukturierten Format darzustellen. Die grundlegende Komponente jeder Tabelle ist ein Tabellenzeilen- (
) und die zweite Zeile enthält zwei Datenzellen ( | ).
Hinzufügen von mehr ZeilenUm der Tabelle mehr Zeilen hinzuzufügen, müssen wir der Tabelle mehr
Jetzt hat die Tabelle drei Zeilen, wobei jede Zeile zwei Zellen enthält. Gestalten der TabellenzeilenWir können mit CSS Stile auf die Tabellenzeilen anwenden. Fügen Sie den folgenden Stil zum -Element hinzu, um der geraden Zeilen eine Hintergrundfarbe hinzuzufügen:
Dieser Code wird der zweiten Zeile in der Tabelle eine Hintergrundfarbe von Zusammenführen von TabellenzeilenWir können zwei oder mehr benachbarte Zeilen zu einer einzigen Zeile zusammenführen, indem wir das rowspan-Attribut verwenden. Beispielsweise wollen wir die ersten beiden Zeilen zu einer einzigen Zeile zusammenführen. Ersetzen Sie das erste
Das Attribut Erstellen von TabellenzellenüberschriftenWir können das -Element verwenden, um Überschriftenzellen in der Tabelle zu erstellen. Überschriftenzellen werden normalerweise verwendet, um den Inhalt der Spalten zu beschreiben. Um einer ersten Spalte eine Überschriftenzelle hinzuzufügen, ersetzen Sie das erste | -Element in der zweiten Zeile durch folgenden Code:
|
Das Attribut -Element gibt an, dass dies eine Überschriftenzelle für die erste Zeile ist.
| ZusammenfassungIn diesem Lab haben wir gelernt, wie man HTML-Tabellenzeilen erstellt und die Tabelle mit CSS anpasst. Wir haben auch gelernt, wie man benachbarte Zeilen zusammenführt und Überschriftenzellen in der Tabelle erstellt. Mit diesen Fähigkeiten können Sie jetzt schöne und strukturierte Tabellen für Ihre Webseiten erstellen. |
---|