Was ist ein Rowspan?
Das Attribut rowspan ist eine HTML-Funktion (Hypertext Markup Language), mit der sich eine Tabellenzelle auf einer Webseite über mehrere Zeilen erstrecken kann. HTML ist eine der Hauptmethoden, mit denen Webseiten erstellt werden. In der Regel decodiert ein Webbrowser von einer Website gesendetes HTML und zeigt die Ergebnisse in einem lesbaren Format auf einem Computerbildschirm an. HTML enthält das Konzept einer Tabelle, um den Inhalt einer Seite zu organisieren.
Eine Tabelle enthält mehrere Zeilen und Spalten, in denen Informationen vertikal und horizontal angeordnet sind. Wenn man eine HTML-Tabelle anzeigt, möchte man oft, dass ein einzelnes Inhaltselement angewendet oder über mehrere Zeilen verteilt wird. In einer Tabelle gibt rowspan = N - wobei N eine Zahl wie 2, 3 usw. ist - an, dass sich die Zelle über so viele Zeilen erstreckt.
Stellen Sie sich ein Beispiel vor, in dem Verkaufsdaten als Tabelle mit drei Spaltenüberschriften angezeigt werden: Verkaufsregion, Person, die die Region führt, und Verkaufsmenge. Die Region Süd hatte während der Aufnahmezeit einen Kopfwechsel. Die jeweiligen Beträge sind beiden Personen zuzurechnen. Der folgende Code erreicht dies.
<html>
<table border = "1">
<tr>
<th> Region </ th>
<th> Kopf </ th>
<th> Verkäufe </ th>
</ tr>
<tr>
<td> Ost </ td>
<td> Lewis </ td>
<td> 2.100 USD </ td>
</ tr>
<tr> <td rowspan = "2"> Süden </ td> <td> Lilian </ td> <td> 1.180 US-Dollar </ td> </ tr>
<tr> <td> Laverne </ td> <td> 1.300 USD </ td> </ tr>
<tr> <td> West </ td> <td> Larnoe </ td> <td> 1.900 US-Dollar </ td> </ tr>
</ table>
</ html>
In diesem Beispiel wird eine Tabelle erstellt. Die Überschriften Region, Headperson und Sales werden angegeben, gefolgt von vier Datenzeilen. Jede Zelle in der Tabelle wird durch das Attribut table data (td) angegeben. Die Daten für South erstrecken sich über zwei Zeilen. Wenn Sie also rowspan = 2 angeben, erstreckt sich das Wort South über zwei Zeilen. Die nächste Zeile hat nur zwei td-Attribute und nicht drei wie in allen anderen Zeilen.
Sie können diesen Code in eine Textdatei kopieren und in einem Browser aufrufen, um den Effekt anzuzeigen. In diesem Code wurden Leerzeichen eingefügt, um die Verkaufsköpfe leicht identifizieren zu können. Diese sind jedoch nicht erforderlich. Das Folgende ist ein etwas anderes Beispiel, bei dem eine Person, Lilian, zwei Regionen leitet: Süd und West.
<html>
<table border = "1">
<tr> <th> Region </ th> <th> Leiter </ th> <th> Vertrieb </ th> </ tr>
<tr> <td> Ost </ td> <td> Lewis </ td> <td> $ 2.100 </ td> </ tr>
<tr> <td> Süd </ td> <td rowspan = "2"> Lilian </ td> <td> $ 2.480 </ td> </ tr>
<tr> <td> West </ td> <td> 1.900 US-Dollar </ td> </ tr>
</ table>
</ html>
Eine Webseite muss möglicherweise keine Daten in tabellarischer Form anzeigen. Es könnte eine Kopfzeile wie den Firmennamen und das Logo, ein oder mehrere Menüs oben oder an der Seite, Hauptinformationen in der Mitte usw. enthalten. Bei der Erstellung einer solchen Webseite wird häufig eine Tabellenstruktur darunter verwendet, ohne dass sich der Leser dessen bewusst ist. Um einen reibungslosen Effekt zu erzielen, wird das Attribut rowspan immer dann verwendet, wenn sich ein Teil des Inhalts über mehrere Zeilen erstreckt.
Möglicherweise möchten Sie eine persönliche Webseite erstellen, die drei Informationsspalten enthält: Familie, Beruf und Gemeinschaft. Jede Spalte kann eine kurze Einführung, ein Foto und Details enthalten. Damit die Seite besser aussieht, kann ein Farbstreifen an der rechten Seite verwendet werden. In diesem Fall kann die Zeilenbereichsfunktion verwendet werden, um anzugeben, dass sich das Farbband über alle Zeilen erstreckt.