Mi az a „rowspan” attribútum, és hogyan kell használni a „td” elemmel a HTML-ben?

Hogyan kell használni a „rowspan” attribútumot a „td” elemmel?

A „rowspan” attribútum és a „td” elem közötti kapcsolat jobb bemutatása érdekében. Nézzünk végig egy gyakorlati példán az alábbi, lépésről lépésre szóló útmutatót követve:

1. lépés: Táblázat létrehozása HTML-ben

Először hozzon létre egy táblázatot a ' ” címke. Belül adjon hozzá több '

A fenti kódrészletben:

• Először is létrejött az öt sor, és minden egyes cellához néhány áladat kerül.
• Ezután a „ asztal ' elem van kiválasztva, és állítsa be a ' összeomlás 'érték a CSS-hez' határ-összeomlás ' ingatlan.
• Ezt követően a „ határ ” és „ párnázás ” tulajdonságokat a felhasználók láthatóságának javítására és a felhasználó vonzó hatásának megteremtésére használják.

A kód végrehajtása után a táblázat így jelenik meg:

A fenti kimenet azt mutatja, hogy a táblázat létrejött és stílusa megtörtént.

2. lépés: A „rowspan” attribútum használata a „td” elemmel

A ' sortávolság ” attribútum függőleges irányban egyesíti a szomszédos cellákat. A '

A fenti kódban:

• A „sortávolság” úgy van csatolva, hogy a munkavállalónak van egy „ Fizetés ” td elem.
• Az értéke ' 2 ” van megadva a „rowspan” attribútumhoz, amely ugyanazokat az adatokat állítja be mindkét szomszédos cellában, az alábbiak szerint:

A kimenet azt szemlélteti, hogy a két cella egyesül, és a felhasználó számára jobb olvashatóság.

Következtetés

A ' sortávolság ' attribútum működik a ' td ” elemet több szomszédos cella függőleges irányú egyesítéséhez. Az attribútum egy számot vesz fel értékként, és megmondja, hogy hány cellát egyesítenek. Akkor használják, ha ugyanazt az adatot több cellának is biztosítják. Ez a blog bemutatta, mi az a „rowspan”, és hogyan kell használni a „td” elemmel a HTML-ben.