Co to jest Rowpan?

Atrybut RowsPan to funkcja znacznika hipertekstu (HTML), która umożliwia komórkę tabeli na stronie internetowej rozszerzenie wielu wierszy.HTML jest jednym z głównych sposobów tworzenia stron internetowych.Zazwyczaj przeglądarka internetowa dekoduje HTML wysłane przez witrynę i wyświetla wyniki na ekranie komputera w czytelnym formacie.HTML zawiera koncepcję tabeli do zorganizowania zawartości na stronie.

Tabela ma wiele wierszy i kolumn, które pionowo i poziomo organizują informacje.Wyświetlając tabelę HTML, często chciałby, aby jeden element treści został zastosowany lub rozłożony na wiele wierszy.W tabeli RowsPan ' n ndash;gdzie n jest liczbą taką jak 2, 3 itd. Ndash;Wskazuje, że komórka rozprzestrzenia się na wiele wierszy.

Rozważ przykład, w którym dane sprzedaży są pokazane jako tabela z trzema nagłówkami kolumn: region sprzedaży, osoba kierująca regionem i kwotę sprzedaży.Region południowy zmienił głowę w okresie nagrywania;Odpowiednie kwoty należy przypisać obu ludziom.Poniższy kod to osiągnie.; Sales lt;/th gt;

lt;/tr gt;

lt; tr gt;
lt; td gt; east lt;/td gt;
lt; td gt; lewis lt;/td gt;
lt; td gt lt;/tr gt;

lt; tr gt; lt; td Rowpan ' 2 gt; South lt;/td gt; lt; tr gt; lt; td gt; laverne lt;/td gt; lt; td gt; $ 1 300 lt;/td gt; tr gt;

lt; tr gt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; td gt; 1900 $/td gt; tr tr gt;

lt;/table gt;
html gt;

W tym przykładzie tworzona jest tabela.Region nagłówków, główny osoba i sprzedaż są określone, a następnie cztery rzędy danych.Każda komórka w tabeli jest oznaczona atrybutem danych tabeli (TD).Dane dla South przechodzą przez dwa rzędy, więc określając RowsPan ' 2, słowo południowe rozciąga się na dwa wiersze.Następny wiersz ma tylko dwa atrybuty TD, a nie trzy, jak we wszystkich pozostałych rzędach.

Można skopiować ten kod do pliku tekstowego i poruszyć go w przeglądarce, aby wyświetlić efekt.W tym kodzie dodano puste przestrzenie, 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łudnie i zachód.

lt; html gt;

lt; Table Border ' 1 gt;

lt; tr gt; lt; th gt; region lt;/th gt;?td gt; 2100 $/td gt; lt;/tr gt;

lt; tr gt; lt; td gt; South lt;/td gt; lt; td rowspan ' 2 gt; lilian lt;/lt; lt; td gt; 2,480 lt; lt;/tr gt;

lt; tr gt; lt; td gt; West lt;/td gt; lt; td gt; 1900 $/td gt; tr gt;

lt;/table gt;

html gt;

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 na górze lub z boku, główne informacje pośrodku i tak dalej.Tworząc taką stronę internetową, pod nią często używana jest struktura tabeli bez tego, że czytelnik jest jej świadomy.Aby dać płynny efekt, atrybut RowsPan jest używany za każdym razem, gdy niektóre treści rozprzestrzeniają się na wiele rzędów.

Można na przykład utworzyć osobistą stronę internetową, która zawiera trzy kolumny informacji: rodzinę, karierę i społeczność.Każda kolumna może mieć krótkie wprowadzenie, zdjęcie i szczegóły.Aby strona wyglądała lepiej, wzdłuż prawej strony można użyć pasma koloru.W takim przypadku funkcję RowsPan można wykorzystać do wskazania, że pasmo kolorów obejmuje wszystkie rzędy.