Ce este atributul „rowspan” și cum se utilizează cu elementul „td” în HTML?

Cum se utilizează atributul „rowspan” cu elementul „td”?

Pentru o mai bună demonstrare a relației dintre atributul „rowspan” și elementul „td”. Să parcurgem un exemplu practic, urmând ghidul pas cu pas de mai jos:

Pasul 1: Crearea tabelului în HTML

Mai întâi, creați un tabel cu ajutorul „ ' etichetă. În interiorul ei adăugați mai multe „

În fragmentul de cod de mai sus:

• În primul rând, cele cinci rânduri au fost create și unele date fictive sunt furnizate fiecărei celule.
• În continuare, „ masa ” este selectat și setați „ colaps „valoare pentru CSS” frontieră-colaps ” proprietate.
• După aceea, „ frontieră ' și ' umplutura ”Proprietățile sunt utilizate pentru a îmbunătăți vizibilitatea utilizatorului și pentru a crea un efect atrăgător pentru utilizator.

După executarea codului, tabelul apare astfel:

Ieșirea de mai sus arată că tabelul este creat și stilizat.

Pasul 2: Utilizarea atributului „rowspan” cu elementul „td”.

„ lungimea rândurilor ” atributul îmbină celulele adiacente în direcția verticală. Este utilizat cu „

În codul de mai sus:

• „Rândurile” este atașată cu angajatul având un „ Salariu ” element td.
• Valoarea a ' 2 ” este furnizat atributului „rowspan” care setează aceleași date în ambele celule adiacente, așa cum se arată mai jos:

Rezultatul ilustrează faptul că cele două celule sunt îmbinate și că lizibilitatea pentru utilizator este acum îmbunătățită.

Concluzie

„ lungimea rândurilor Atributul ” funcționează cu ” td ” element pentru a îmbina mai multe celule adiacente în direcția verticală. Atributul ia un număr ca valoare și spune câte celule sunt îmbinate. Este utilizat atunci când aceleași date sunt furnizate mai multor celule. Acest blog a demonstrat ce este „rowspan” și cum se folosește cu elementul „td” în HTML.