Co to jest Rowspan?
Atrybut rowspan to funkcja hipertekstowego języka znaczników (HTML), która umożliwia komórce tabeli na stronie internetowej rozciąganie się na wiele wierszy. HTML jest jednym z głównych sposobów tworzenia stron internetowych. Zazwyczaj przeglądarka internetowa dekoduje kod HTML wysłany przez stronę internetową i wyświetla wyniki na ekranie komputera w czytelnym formacie. HTML zawiera koncepcję tabeli w celu uporządkowania zawartości na stronie.
Tabela ma wiele wierszy i kolumn, które pionowo i poziomo organizują informacje. Podczas wyświetlania tabeli HTML często chce się, aby pojedynczy element treści był stosowany lub rozłożony na wiele wierszy. W tabeli wierszspan = N - gdzie N jest liczbą taką jak 2, 3 itd. - wskazuje, że komórka rozprzestrzenia się w tak wielu wierszach.
Rozważ przykład, w którym dane dotyczące sprzedaży są przedstawione jako tabela z trzema nagłówkami kolumn: region sprzedaży, osoba kierująca regionem i kwota sprzedaży. Region południowy zmienił głowę podczas okresu nagrywania; odpowiednie kwoty należy przypisać obu osobom. Poniższy kod osiąga to.
<html>
<table border = "1">
<tr>
<th> Region </th>
<th> Head </th>
<th> Sprzedaż </th>
</tr>
<tr>
<td> Wschód </td>
<td> Lewis </td>
<td> 2100 $ </td>
</tr>
<tr> <td rowspan = "2"> Południe </td> <td> Lilian</td><td>$1,180</td> </tr>
<tr> <td> Laverne</td><td>$1,300</td> </tr>
<tr> <td> West </td> <td> Larno</td><td>$1,900</td> </tr>
</table>
</html>
W tym przykładzie tworzona jest tabela. Nagłówki Region, Kierownik i Sprzedaż są określone, a następnie cztery wiersze danych. Każda komórka w tabeli jest wskazywana przez atrybut danych tabeli (td). Dane dla południa przechodzą przez dwa wiersze, więc określając zakres wierszy = 2, słowo południe rozciąga się na dwa wiersze. Następny wiersz ma tylko dwa atrybuty td, a nie trzy, jak we wszystkich pozostałych wierszach.
Można skopiować ten kod do pliku tekstowego i wyświetlić go w przeglądarce, aby zobaczyć efekt. W tym kodzie dodano puste spacje, aby łatwo zidentyfikować szefów sprzedaży, ale nie są one konieczne. Poniżej znajduje się nieco inny przykład, w którym jedna osoba, Lilian, kieruje dwoma regionami: południowym i zachodnim.
<html>
<table border = "1">
<tr><th> Region</th><th>Head</th><th>Sprzedaż</th> </tr>
<tr><td> East</td><td> Lewis</td><td>$2,100</td> </tr>
<tr> <td> Południe </td> <td rowspan = "2"> Lilian </td> <td> 2480 $ </td> </tr>
<tr> <td> West </td> <td>$1,900</td> </tr>
</table>
</html>
Strona internetowa może nie wymagać wyświetlania danych w formie tabelarycznej. Może mieć nagłówek, taki jak nazwa firmy i logo, jedno lub więcej menu u góry lub z boku, główne informacje pośrodku i tak dalej. Przy tworzeniu takiej strony internetowej często stosuje się strukturę tabeli, o której czytelnik nie jest świadomy. Aby zapewnić płynny efekt, atrybut rozpiętości wiersza jest używany, ilekroć część zawartości rozciąga się na wiele wierszy.
Można na przykład utworzyć osobistą stronę internetową, która zawiera trzy kolumny informacji: Rodzina, Kariera i Społeczność. Każda kolumna może zawierać krótkie wprowadzenie, zdjęcie i szczegóły. Aby strona wyglądała lepiej, po prawej stronie można zastosować pasek koloru. W takim przypadku można użyć funkcji rozpiętości wierszy, aby wskazać, że pasmo kolorów obejmuje wszystkie rzędy.