Kas ir atribūts “rowspan” un kā lietot ar “td” elementu HTML?

Kas Ir Atributs Rowspan Un Ka Lietot Ar Td Elementu Html



HTML valodā “ rindu platums ” ir atribūts, ko var izmantot, veidojot tabulas. To parasti izmanto, lai apvienotu vairākas blakus esošās šūnas vertikālā virzienā. To var izmantot, lai izveidotu sarežģītu tabulu dizainu, vienlaikus pievienojot lietotājam vizuālu interesi. Izmantojot to, izstrādātājs var samazināt HTML kodu un uzlabot tabulas lasāmību. Turklāt atribūts “rowspan” var palīdzēt sakārtot tabulu, grupējot vairākas šūnas.

Šajā rokasgrāmatā ir parādīts, kas ir atribūts “rowspan” un kā to izmantot ar elementu “td”.

Kas ir atribūts “rindu diapazons”?

Atribūts “rowspan” tiek izmantots, lai apvienotu vairākas šūnas vertikālā virzienā. Tam var piekļūt kā ' rindu diapazons = vērtība ', kur ' vērtību ” ir rindu skaits, kas jāapvieno vertikālā virzienā. Tas ir noderīgi, lai uzlabotu lietotāja lasāmību un parādītu sarežģītus datus lietotājam pievilcīgākā veidā.



Kas ir “td” elements?

' td ” jeb tabulas datu elements tiek izmantots, lai definētu šūnu HTML tabulā. To galvenokārt izmanto kopā ar citiem tabulas HTML elementiem, piemēram, “”, “”, “

, lai izveidotu tabulas saturu. To var izmantot arī ar tādiem atribūtiem kā “colspan” un “rowspan”, lai pievienotu papildu noformēšanas funkcijas, samazinātu sarežģītību un uzlabotu lasāmības faktoru utt. Tas tiek izmantots HTML failā, izmantojot “ ' tagus, kas ievieto tabulas rindas un izmanto '
” tagu.



Kā lietot atribūtu “rowspan” ar elementu “td”?

Lai labāk demonstrētu saistību starp atribūtu “rowspan” un elementu “td”. Apskatīsim praktisku piemēru, izpildot tālāk sniegtos soli pa solim sniegtos norādījumus.



1. darbība: tabulas izveide HTML kodā

Vispirms izveidojiet tabulu, izmantojot ' ” tagu. Tā iekšpusē pievienojiet vairākus '

” tagu, lai izveidotu šūnas:



< stils >

tabula{

border-collapse:collapse;

piemale: 40 pikseļi;

}

th,td{

apmale: 2 pikseļi vienkrāsains sarkans;

polsterējums: 20 pikseļi;

}

< / stils >

< / galvu >

< ķermeni >

< tabula >

< tr >

< th > emp.id < / th >

< th > darbinieka vārds < / th >

< th > Alga < / th >

< / tr >

< tr >

< td > 1 < / td >

< td > Džons < / td >

< td > 160 000 < / td >

< / tr >

< tr >

< td > 2 < / td >

< td > Jāzeps < / td >

< td > 120 000 < / td >

< / tr >

< tr >

< td > 3 < / td >

< td > Andžela < / td >

< td > 120 000 < / td >

< / tr >

< tr >

< td > 4 < / td >

< td > Scarlet < / td >

< td > 80 000 < / td >

< / tr >

< / tabula >

< / ķermeni >

Iepriekš minētajā koda fragmentā:

  • Pirmkārt, ir izveidotas piecas rindas, un katrai šūnai tiek nodrošināti daži fiktīvi dati.
  • Tālāk “ tabula ir atlasīts elements un iestatiet sabrukt 'vērtība CSS' robeža-sabrukums ” īpašums.
  • Pēc tam ' robeža ' un ' polsterējums ” rekvizīti tiek izmantoti, lai uzlabotu lietotāja redzamību un radītu lietotājam pievilcīgu efektu.

Pēc koda izpildes tabula izskatās šādi:



Iepriekš redzamā izvade parāda, ka tabula ir izveidota un veidota.

2. darbība. Atribūta “rowspan” izmantošana ar elementu “td”.

' rindu platums ” atribūts apvieno blakus esošās šūnas vertikālā virzienā. To izmanto kopā ar '

” elements/tags. Atribūts izmanto skaitli kā vērtību un norāda, cik šūnu tiek sapludinātas vertikālā virzienā. Nākamajā blakus šūnā ir jābūt par vienu šūnu mazāk, un šo vietu aizpilda atribūts “rowspan”, kā parādīts tālāk:

< ķermeni >

< tabula >

< tr >

< th >Emp.id< / th >

< th >Darbinieka vārds< / th >

< th >Alga< / th >

< / tr >

< tr >

< td > 1 < / td >

< td >Jānis< / td >

< td > 160 ,000< / td >

< / tr >

< tr >

< td > 2 < / td >

< td >Jāzeps< / td >

< td rindu platums = '2' > 120 ,000< / td >

< / tr >

< tr >

< td > 3 < / td >

< td >Angela< / td >

< / tr >

< tr >

< td > 4 < / td >

< td >Scarlet< / td >

< td > 80 ,000< / td >

< / tr >

< / tabula >

< / ķermeni >

Iepriekš minētajā kodā:

  • “Rindu diapazons” ir pievienots ar darbinieku, kuram ir “ Alga ” td elements.
  • Vērtība ' 2 ” tiek nodrošināts atribūtam “rowspan”, kas iestata tos pašus datus abās blakus esošajās šūnās, kā parādīts tālāk:

Izvade parāda, ka abas šūnas ir apvienotas, un tagad ir uzlabota lasāmība lietotājam.

Secinājums

' rindu platums ' atribūts darbojas ar ' td ” elements, lai apvienotu vairākas blakus esošās šūnas vertikālā virzienā. Atribūts izmanto skaitli kā vērtību un norāda, cik šūnu tiek sapludinātas. To izmanto, ja vieni un tie paši dati tiek sniegti vairākām šūnām. Šis emuārs ir parādījis, kas ir “rowspan” un kā to izmantot ar HTML elementu “td”.

Cits

Kategorija

Populārākas Posts

Kā izvēlēties labāko Windows 10 versiju spēlēm

Kā uzņemties IAM lomu, izmantojot AWS CLI?

Kā sastādīt paplašinājumu iPhone tālrunī

Kā mainīt EXT4 nodalījuma izmēru

Kā rakstīt un lietot grīdas simbolu LaTeX

Kā instalēt Jenkins Ubuntu 24.04

Kā izveidot virsmas kontūru diagrammas programmā MATLAB, izmantojot funkciju surfc ().

Kā instalēt Sublime Text 4 Ubuntu 22.04 LTS

Ko dara :: dara C++?

Kā iegūt HTML elementa taga nosaukumu, izmantojot JavaScript

Kā izveidot neona mājdzīvnieku filmā Adopt Me — Roblox

Tabulas uzstādīšana

Kā atinstalēt Groove Music/Zune Music no Windows?

Kā lietot cilpas laikā programmā C++

Kas ir divu picu komandas pakalpojumā AWS DevOps?

Kā noteikt, vai apakštīkls ir publisks

Kā pārslēgt Windows datoru miega režīmā

Kā pārtraukt komandas noildzi programmā Bash bez liekas kavēšanās

Kas ir histogramma MATLAB piemēros

Kā lietot kalendāra klasi Java?