Skip to main content

Hva er en rowspan?

Rowspan -attributtet er en HyText Markup Language (HTML) -funksjon som gjør det mulig for en tabellcelle på en webside å strekke seg over flere rader.HTML er en av de viktigste måtene websider opprettes på.Vanligvis avkoder en nettleser HTML sendt av et nettsted og viser resultatene på en dataskjerm i et lesbart format.HTML inneholder konseptet med en tabell for å organisere innholdet på en side.

En tabell har flere rader og kolonner som vertikalt og horisontalt organiserer informasjon.Når man viser en HTML -tabell, ønsker man ofte at et enkelt innholdsartikkel skal bruke eller spre seg over flere rader.I en tabell, rowspan ' n ndash;hvor n er et tall som 2, 3 osv. ndash;indikerer at cellen sprer seg over så mange rader.

Tenk på et eksempel der salgsdata vises som en tabell med tre kolonneoverskrifter: salgsregionen, personen som leder regionen og salgsbeløpet.Sør -regionen hadde en hodebytte i løpet av opptaksperioden;De respektive beløpene skal tilskrives begge mennesker.Følgende kode oppnår denne.

lt; html gt;
lt; tabell grense ' 1 gt;

lt; tr gt;
lt; th gt; region lt;/th gt;
lt; th gt;; Salg lt;/th gt;
lt;/tr gt;

lt; tr gt;
lt; td gt; øst lt;/td gt;
lt; ts; td lt; lt;/tr gt;

lt; tr gt; lt; td rowspan ' 2 gt; sørtr gt; lt; td gt; laverne lt;/td gt; lt; td gt; $ 1.300 lt;/td gt; lt;/tr gt;

lt; tr; tht;

lt;/lt;

lt;; lt; td gt; $ 1.900 lt;/td gt; lt;/tr gt;

lt;/tabell gt;
lt;/html gt;

I dette eksemplet opprettes en tabell.Overskriftsregionen, hovedpersonen og salget er spesifisert etterfulgt av fire rader med data.Hver celle i tabellen er indikert av tabelldata (TD) -attributtet.Dataene for South går over to rader, så ved å spesifisere Rowspan ' 2, strekker ordet Sør seg over to rader.Neste rad har bare to TD -attributter og ikke tre som i alle de andre radene.

Man kan kopiere denne koden til en tekstfil og bringe den opp i en nettleser for å se effekten.Det er lagt til blanke mellomrom i denne koden for enkelt å identifisere salgshodene, men de er ikke nødvendige.Følgende er et litt annet eksempel der en person, Lilian, leder to regioner: sør og vest.

lt; html gt;


lt; tabell grense ' 1 gt;

lt; tr gt; lt; th gt; region lt;/th gt;;td gt; $ 2.100 lt;/td gt; lt;/tr gt;

lt; tr gt; lt; td gt; South lt;/td gt; l; gt; t; $ l; ° Gt; ° Gt; 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;/tabell gt;

lt;/html gt;

En webside trenger kanskje ikke å vise data i tabellform.Det kan ha en overskrift som firmanavn og logo, en eller flere menyer på toppen eller på siden, hovedinformasjon i midten, og så videre.Når du lager en slik webside, brukes en tabellstruktur ofte under uten at leseren er klar over den.For å gi en jevn effekt brukes Rowspan -attributtet når noe av innholdet sprer seg over flere rader.

Man vil kanskje opprette en personlig webside, for eksempel som inkluderer tre kolonner med informasjon: familie, karriere og fellesskap.Hver kolonne kan ha en kort introduksjon, et bilde og detaljer.For å få siden til å se bedre ut, kan et fargerbånd brukes på høyre side.I dette tilfellet kan rowspan -funksjonen brukes til å indikere at fargebåndet spenner over alle rader.