Cos'è un Rowspan?

L'attributo RowsPan è una funzione HTML Language di markup ipertestuale (HTML) che consente a una cella di tabella in una pagina Web di estendersi su più righe.HTML è uno dei modi principali in cui vengono create le pagine Web.In genere, un browser Web decodifica HTML inviato da un sito Web e visualizza i risultati su uno schermo del computer in un formato leggibile.HTML incorpora il concetto di una tabella per organizzare il contenuto in una pagina.

Una tabella ha più righe e colonne che organizzano in verticale e orizzontalmente le informazioni.Quando si visualizza una tabella HTML, spesso si desidera che un singolo elemento di contenuto si applichi o si diffonda su più righe.In una tabella, rowspan ' n ndash;dove n è un numero come 2, 3, ecc. ndash;indica che la cella si diffonde su così tante righe.

Considera un esempio in cui i dati di vendita sono mostrati come una tabella con titoli a tre colonne: la regione di vendita, la persona che si dirige nella regione e l'importo delle vendite.La regione sud ha avuto un cambio di testa durante il periodo di registrazione;I rispettivi importi devono essere attribuiti a entrambe le persone.Il seguente codice raggiunge questo.

lt; html gt;
lt; table bordo ' 1 gt;

lt; tr gt;
lt; th gt; region lt;/th gt;
lt; th gt; head lt;/th gt;
lt; th gt;; Vendite 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; $ 2,100; lt;/tr gt;

lt; tr gt; lt; td rowspan ' 2 gt; South lt;/td gt; lt; td gt; lilian lt;/td gt; lt; td gt; $ 1,180 lt;/td gt; lt;/Td gt;; tr gt; lt; td gt; laverne lt;/td gt; lt; td gt; $ 1,300 lt;/td gt; lt;/tr gt;

lt; Tr gt; lt; td gt; west lt;/td gt; lt; gt; gt; gt; gt; gt; gt; gt; gt; gt gt; gt; gt; gt;; lt; td gt; $ 1,900 lt;/td gt; lt;/tr gt;

lt;/table gt;
lt;/html gt;


in questo esempio, viene creata una tabella.Sono specificate la regione di intestazioni, la persona e le vendite seguite da quattro righe di dati.Ogni cella nella tabella è indicata dall'attributo TD (Tabella Data (TD).I dati per South attraversano due righe, quindi, specificando Rowspan ' 2, la parola sud si estende attraverso due file.La riga successiva ha solo due attributi TD e non tre come in tutte le altre righe.

Si può copiare questo codice in un file di testo e farla apparire in un browser per visualizzare l'effetto.In questo codice sono stati aggiunti spazi vuoti per identificare facilmente i capi di vendita, ma non sono necessari.Quello che segue è un esempio leggermente diverso in cui una persona, Lilian, dirige due regioni: sud e ovest.

lt; html gt;

lt; table bordo ' 1 gt;

lt; tr gt; lt; th gt; region lt;/th gt;; lt; th gt; head lt;/th gt; lt; th gt; vendite lt;/th gt; lt;/tr gt;

lt; tr gt; lt; td gt; East lt;/td gt; lt; td gt; lewis lt;/td gt;td gt; $ 2,100 lt;/td gt; lt;/tr gt;

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

lt; tr gt; lt; td gt; west lt;/td gt; lt; td gt; $ 1,900 lt;/td gt; lt;/tr gt;

lt;/table gt;

lt;/html gt;

Una pagina Web potrebbe non aver bisogno di mostrare i dati in forma tabulare.Potrebbe avere un'intestazione come il nome dell'azienda e il logo, uno o più menu in cima o sul lato, le informazioni principali nel mezzo e così via.Nella creazione di tale pagina web, una struttura da tavolo viene spesso utilizzata sotto senza che il lettore ne sia consapevole.Per dare un effetto regolare, l'attributo Rowspan viene utilizzato ogni volta che alcuni dei contenuti si diffondono su più righe.

Si potrebbe voler creare una pagina web personale, ad esempio, che include tre colonne di informazioni: famiglia, carriera e comunità.Ogni colonna può avere una breve introduzione, una foto e dettagli.Per rendere la pagina migliore, una banda di colore potrebbe essere utilizzata lungo il lato destro.In questo caso, la funzione Rowspan può essere utilizzata per indicare che la banda di colori si estende per tutte le righe.