Kaj je atribut »rowspan« in kako ga uporabljati z elementom »td« v HTML?

V HTML je » razpon vrstic ” je atribut, ki ga lahko uporabite pri izdelavi tabel. Običajno se uporablja za spajanje več sosednjih celic v navpični smeri. Uporablja se lahko za ustvarjanje zapletenih dizajnov tabel, hkrati pa dodaja vizualno zanimivost za uporabnika. Z njegovo uporabo lahko razvijalec zmanjša kodo HTML in izboljša berljivost tabele. Poleg tega lahko atribut »rowspan« pomaga organizirati tabelo z združevanjem več celic.

Ta vodnik prikazuje, kaj je atribut »rowspan« in kako ga uporabiti z elementom »td«.

Kaj je atribut »rowspan«?

Atribut »rowspan« se uporablja za spajanje več celic v navpični smeri. Do njega lahko dostopate kot » razpon vrstic = vrednost ', kje za ' vrednost ” je število vrstic, ki jih je treba združiti v navpični smeri. Koristno je za izboljšanje berljivosti za uporabnike in prikaz zapletenih podatkov na uporabniku bolj privlačen način.

Kaj je element 'td'?

' td ” ali podatkovni element tabele se uporablja za definiranje celice v tabeli HTML. Večinoma se uporablja v povezavi z drugimi elementi HTML tabele, kot so “”, “”, “

za ustvarjanje vsebine tabele. Uporabite ga lahko tudi z atributi, kot sta »colspan« in »rowspan«, da dodate dodatne funkcije oblikovanja, zmanjšate kompleksnost in izboljšate faktor berljivosti itd. Uporablja se v datoteki HTML z uporabo » , ki vstavijo vrstice v tabelo in uporabljajo

' oznaka.

Kako uporabiti atribut »rowspan« z elementom »td«?

Za boljši prikaz razmerja med atributom 'rowspan' in elementom 'td'. Sprehodimo se skozi praktični primer z upoštevanjem spodnjega vodnika po korakih:

1. korak: Izdelava tabele v HTML

Najprej ustvarite tabelo s pomočjo » ' oznaka. Znotraj dodajte več '

” za ustvarjanje celic:

< stil >

tabela{

border-collapse:collapse;

rob: 40px;

}

th,td{

obroba:2px polna rdeča;

oblazinjenje: 20px;

}

< / stil >

< / glavo >

< telo >

< tabela >

< tr >

< th > emp.id < / th >

< th > ime zaposlenega < / th >

< th > Plača < / th >

< / tr >

< tr >

< td > 1 < / td >

< td > Janez < / td >

< td > 160.000 < / td >

< / tr >

< tr >

< td > 2 < / td >

< td > Jožef < / td >

< td > 120.000 < / td >

< / tr >

< tr >

< td > 3 < / td >

< td > Angela < / td >

< td > 120.000 < / td >

< / tr >

< tr >

< td > 4 < / td >

< td > Škrlat < / td >

< td > 80.000 < / td >

< / tr >

< / tabela >

< / telo >

V zgornjem delčku kode:

Najprej je bilo ustvarjenih pet vrstic in vsaki celici je na voljo nekaj navideznih podatkov.
Nato je ' tabela ' je izbran element in nastavite ' kolaps »vrednost za CSS« zrušitev meje ” lastnina.
Po tem je ' meja « in » oblazinjenje Lastnosti se uporabljajo za izboljšanje vidnosti uporabnika in ustvarjanje privlačnega učinka za uporabnika.

Po izvedbi kode je tabela videti takole:

Zgornji izhod prikazuje, da je tabela ustvarjena in oblikovana.

2. korak: Uporaba atributa »rowspan« z elementom »td«.

' razpon vrstic ” združuje sosednje celice v navpični smeri. Uporablja se z '

” element/oznaka. Atribut sprejme število kot vrednost in pove, koliko celic se združi v navpični smeri. Prihajajoča sosednja celica mora imeti eno celico manj in ta prostor se zapolni z atributom »rowspan«, kot je prikazano spodaj:

< telo >

< tabela >

< tr >

< th >Emp.id< / th >

< th >Ime zaposlenega< / th >

< th >Plača< / th >

< / tr >

< tr >

< td > 1 < / td >

< td >Janez< / td >

< td > 160 ,000< / td >

< / tr >

< tr >

< td > 2 < / td >

< td >Jožef< / td >

< td razpon vrstic = '2' > 120 ,000< / td >

< / tr >

< tr >

< td > 3 < / td >

< td >Angela< / td >

< / tr >

< tr >

< td > 4 < / td >

< td >Škrlatna< / td >

< td > 80 ,000< / td >

< / tr >

< / tabela >

< / telo >

V zgornji kodi:

»Razpon vrstic« je priložen zaposlenemu, ki ima » Plača ” td element.
Vrednost ' 2 « je na voljo atributu »rowspan«, ki nastavi iste podatke v obeh sosednjih celicah, kot je prikazano spodaj:

Izhod ponazarja, da sta celici združeni in da je berljivost za uporabnika zdaj izboljšana.

Zaključek

' razpon vrstic ' atribut deluje z ' td ” za spajanje več sosednjih celic v navpični smeri. Atribut vzame število kot vrednost in pove, koliko celic se združi. Uporablja se, kadar so isti podatki zagotovljeni v več celicah. Ta spletni dnevnik je pokazal, kaj je »rowspan« in kako ga uporabiti z elementom »td« v HTML.

Kaj je atribut »rowspan« in kako ga uporabljati z elementom »td« v HTML?