Kas yra „rowspan“ atributas ir kaip naudoti su „td“ elementu HTML?

Kas Yra Rowspan Atributas Ir Kaip Naudoti Su Td Elementu Html



HTML, „ eilių ilgis “ – tai atributas, kurį galima panaudoti kuriant lenteles. Jis dažniausiai naudojamas kelių gretimų langelių sujungimui vertikalia kryptimi. Jis gali būti naudojamas kuriant sudėtingus lentelių dizainus, tuo pačiu suteikiant vartotojui vizualinį susidomėjimą. Jį naudodamas kūrėjas gali sumažinti HTML kodą ir pagerinti lentelės skaitomumą. Be to, atributas „rowspan“ gali padėti tvarkyti lentelę sugrupuojant kelis langelius.

Šiame vadove parodyta, kas yra „rowspan“ atributas ir kaip jį naudoti su „td“ elementu.

Kas yra „eilutės ilgio“ atributas?

Atributas „rowspan“ naudojamas kelių langelių sujungimui vertikalia kryptimi. Jį galima pasiekti kaip „ eilučių ilgis = vertė ', kur ' vertė “ – tai eilučių, kurias reikia sujungti vertikalia kryptimi, skaičius. Tai naudinga gerinant vartotojo skaitomumą ir pateikiant sudėtingus duomenis vartotojui patrauklesniu būdu.



Kas yra „td“ elementas?

„ td “ arba lentelės duomenų elementas naudojamas langeliui apibrėžti HTML lentelėje. Jis dažniausiai naudojamas kartu su kitais lentelės HTML elementais, tokiais kaip „“, „“, „

“, kad būtų sukurtas lentelės turinys. Jis taip pat gali būti naudojamas su atributais, tokiais kaip „colspan“ ir „rowspan“, siekiant pridėti papildomų projektavimo funkcijų, sumažinti sudėtingumą ir pagerinti skaitomumo faktorių ir tt Jis naudojamas HTML faile naudojant „ “ žymos, kurios įterpia lentelės eilutes ir naudoja „
“ žymą.



Kaip naudoti „rowspan“ atributą su „td“ elementu?

Norėdami geriau parodyti ryšį tarp „rowspan“ atributo ir „td“ elemento. Peržiūrėkime praktinį pavyzdį, vadovaudamiesi toliau pateiktu nuosekliu vadovu:



1 veiksmas: lentelės kūrimas HTML

Pirmiausia sukurkite lentelę naudodami „ “ žymą. Jo viduje pridėkite kelis '

“ žyma ląstelėms kurti:



< stilius >

stalas{

border-collapse:collapse;

paraštė: 40 pikselių;

}

th,td{

kraštinė: 2 pikseliai vientisai raudona;

pamušalas: 20px;

}

< / stilius >

< / galva >

< kūnas >

< stalo >

< tr >

< th > emp.id < / th >

< th > Darbuotojo vardas < / th >

< th > Atlyginimas < / th >

< / tr >

< tr >

< td > 1 < / td >

< td > Jonas < / td >

< td > 160 000 < / td >

< / tr >

< tr >

< td > 2 < / td >

< td > Juozapas < / td >

< td > 120 000 < / td >

< / tr >

< tr >

< td > 3 < / td >

< td > Angela < / td >

< td > 120 000 < / td >

< / tr >

< tr >

< td > 4 < / td >

< td > skaisčiai < / td >

< td > 80 000 < / td >

< / tr >

< / stalo >

< / kūnas >

Aukščiau pateiktame kodo fragmente:

  • Pirma, buvo sukurtos penkios eilutės ir kiekvienam langeliui pateikiami kai kurie netikri duomenys.
  • Toliau „ stalo elementas pasirenkamas ir nustatomi griūtis 'vertė CSS' siena-griūtis ' nuosavybė.
  • Po to „ siena “ ir „ kamšalas “ ypatybės naudojamos siekiant pagerinti vartotojo matomumą ir sukurti patrauklų vartotojui efektą.

Po kodo vykdymo lentelė atrodo taip:



Aukščiau pateiktame išvestyje rodoma, kad lentelė sukurta ir jos stilius.

2 veiksmas: atributo „rowspan“ naudojimas su „td“ elementu

„ eilių ilgis ” atributas sujungia gretimus langelius vertikalia kryptimi. Jis naudojamas su '

“ elementas/žyma. Atributas paima skaičių kaip reikšmę ir nurodo, kiek langelių sujungiama vertikalia kryptimi. Būsimame gretimame langelyje turi būti vienu langeliu mažiau, o ta vieta užpildoma atributu „rowspan“, kaip parodyta toliau:

< kūnas >

< stalo >

< tr >

< th >Emp.id< / th >

< th >Darbuotojo vardas< / th >

< th >Atlyginimas< / th >

< / tr >

< tr >

< td > 1 < / td >

< td >Jonas< / td >

< td > 160 ,000< / td >

< / tr >

< tr >

< td > 2 < / td >

< td >Juozapas< / td >

< td eilių ilgis = '2' > 120 ,000< / td >

< / tr >

< tr >

< td > 3 < / td >

< td >Angela< / td >

< / tr >

< tr >

< td > 4 < / td >

< td >Skaisčiai< / td >

< td > 80 ,000< / td >

< / tr >

< / stalo >

< / kūnas >

Aukščiau pateiktame kode:

  • „Eilutės intervalas“ pridedamas prie darbuotojo, turinčio „ Atlyginimas “ td elementas.
  • vertė ' 2 “ pateikiamas atributui „rowspan“, kuris nustato tuos pačius duomenis abiejuose gretimuose langeliuose, kaip parodyta toliau:

Išvestis iliustruoja, kad dvi ląstelės yra sujungtos ir vartotojas gali geriau skaityti.

Išvada

„ eilių ilgis ' atributas veikia su ' td “ elementą, kad sujungtumėte keletą gretimų langelių vertikalia kryptimi. Atributas paima skaičių kaip reikšmę ir nurodo, kiek langelių bus sujungta. Jis naudojamas, kai tie patys duomenys pateikiami kelioms ląstelėms. Šis tinklaraštis parodė, kas yra „rowspan“ ir kaip jį naudoti su „td“ elementu HTML.

Kita

Kategorija

Populiarios Temos

Kaip automatizuoti užduotis naudojant Python scenarijus

Ką reiškia įsijungti į „GitHub“?

Raspberry Pi 4B plokštės apžvalga

Kaip pridėti vartotoją prie grupės „Linux“.

Kaip naudoti komandą systemctl status

Kaip išspręsti tinklo adapterio klaidą „Šis įrenginys negali paleisti (kodas 10)“.

C++ XOR operacija

Kaip suplanuoti „Windows Defender“ nuskaitymą sistemoje „Windows 10“ - „Winhelponline“

Docker architektūra

Kaip naudoti „Grep Comand“ spausdinti tik failo pavadinimą

Kaip atkurti ištrintas nuotraukas „Android“.

Geriausi Raspberry Pi robotų rinkiniai

Kaip įkelti temą į „WordPress“.

Kaip nustatyti ir naudoti „Cron Jobs“ sistemoje „Linux“.

Pašalinkite Python iš Ubuntu 22.04

Kaip įdiegti PHP Debian 12

Kokie yra „Oracle Live SQL“ naudojimo būdai?

Kaip ištrinti „Git“ žymą „AWS CodeCommit“?

Kaip iš naujo paleisti „Docker“ nestabdant konteinerių?

Kaip sutramdyti žirgą skeletą „Minecraft“?