Co je atribut „rowspan“ a jak se používá s prvkem „td“ v HTML?

Jak použít atribut „rowspan“ s prvkem „td“?

Pro lepší demonstraci vztahu mezi atributem „rowspan“ a prvkem „td“. Pojďme si projít praktický příklad podle níže uvedeného podrobného průvodce:

Krok 1: Vytvoření tabulky v HTML

Nejprve vytvořte tabulku pomocí „ ” tag. Uvnitř přidejte několik „

Ve výše uvedeném úryvku kódu:

• Nejprve bylo vytvořeno pět řádků a do každé buňky jsou poskytnuta nějaká fiktivní data.
• Dále, „ stůl ” je vybrán prvek a nastavte “ kolaps „hodnota do CSS“ border-kolaps ' vlastnictví.
• Poté se „ okraj ' a ' vycpávka ” vlastnosti se využívají ke zlepšení viditelnosti uživatele a vytvoření uživatelsky přitažlivého efektu.

Po provedení kódu se tabulka zobrazí takto:

Výše uvedený výstup zobrazuje, že tabulka je vytvořena a upravena.

Krok 2: Použití atributu „rowspan“ s prvkem „td“.

' rozpětí řádků ” sloučí sousední buňky ve vertikálním směru. Používá se s „

Ve výše uvedeném kódu:

• „Rozpětí řádků“ je připojeno k tomu, že zaměstnanec má „ Plat “prvek td.
• Hodnota ' 2 ” je poskytován atributu “rowspan”, který nastavuje stejná data v obou sousedních buňkách, jak je uvedeno níže:

Výstup ukazuje, že obě buňky jsou sloučeny a čitelnost pro uživatele je nyní lepší.

Závěr

' rozpětí řádků Atribut pracuje s atributem td ” pro sloučení více sousedních buněk ve vertikálním směru. Atribut bere jako hodnotu číslo a říká, kolik buněk se sloučí. Používá se tam, kde jsou stejná data poskytnuta více buňkám. Tento blog ukázal, co je „rowspan“ a jak jej používat s prvkem „td“ v HTML.