“rowspan” అట్రిబ్యూట్ అంటే ఏమిటి మరియు HTMLలో “td” మూలకంతో ఎలా ఉపయోగించాలి?

Rowspan Atribyut Ante Emiti Mariyu Htmllo Td Mulakanto Ela Upayogincali



HTML లో, ' రోస్పాన్ ” అనేది పట్టికలను తయారు చేసేటప్పుడు ఉపయోగించగల లక్షణం. ఇది సాధారణంగా అనేక ప్రక్కనే ఉన్న కణాలను నిలువు దిశలో విలీనం చేయడానికి ఉపయోగిస్తారు. వినియోగదారుకు దృశ్య ఆసక్తిని జోడించేటప్పుడు సంక్లిష్టమైన పట్టిక డిజైన్‌లను రూపొందించడానికి ఇది ఉపయోగించబడుతుంది. దీన్ని ఉపయోగించడం ద్వారా, డెవలపర్ HTML కోడ్‌ని తగ్గించవచ్చు మరియు టేబుల్ రీడబిలిటీని మెరుగుపరచవచ్చు. అంతేకాకుండా, 'rowspan' లక్షణం బహుళ సెల్‌లను సమూహపరచడం ద్వారా పట్టికను నిర్వహించడానికి సహాయపడుతుంది.

ఈ గైడ్ “rowspan” లక్షణం ఏమిటి మరియు దానిని “td” మూలకంతో ఎలా ఉపయోగించాలో ప్రదర్శిస్తుంది.

“రోస్‌పాన్” లక్షణం అంటే ఏమిటి?

బహుళ సెల్‌లను నిలువు దిశలో విలీనం చేయడానికి 'rowspan' లక్షణం ఉపయోగించబడుతుంది. దీనిని ఇలా యాక్సెస్ చేయవచ్చు ' rowspan = విలువ ', ఎక్కడ ' విలువ ” అనేది నిలువు దిశలో విలీనం చేయవలసిన వరుసల సంఖ్య. యూజర్ రీడబిలిటీని పెంపొందించడానికి మరియు సంక్లిష్ట డేటాను మరింత వినియోగదారుని ఆకట్టుకునే పద్ధతిలో ప్రదర్శించడానికి ఇది ప్రయోజనకరంగా ఉంటుంది.





'td' మూలకం అంటే ఏమిటి?

ది ' td ” లేదా పట్టిక డేటా మూలకం HTML పట్టికలోని సెల్‌ను నిర్వచించడానికి ఉపయోగించబడుతుంది. ఇది ఎక్కువగా టేబుల్ కంటెంట్‌ని సృష్టించడానికి “”, “”, “

వంటి ఇతర టేబుల్ HTML మూలకాలతో కలిపి ఉపయోగించబడుతుంది. అదనపు డిజైనింగ్ ఫీచర్‌లను జోడించడం, సంక్లిష్టతను తగ్గించడం మరియు రీడబిలిటీ ఫ్యాక్టర్‌ని మెరుగుపరచడం మొదలైన వాటికి “colspan” మరియు “rowspan” వంటి లక్షణాలతో కూడా దీనిని ఉపయోగించవచ్చు. ఇది HTML ఫైల్‌లో “ని ఉపయోగించి ఉపయోగించబడుతుంది. పట్టికలో అడ్డు వరుసలను చొప్పించే మరియు ఉపయోగించుకునే ' ట్యాగ్‌లు '
” ట్యాగ్.



'td' మూలకంతో 'rowspan' లక్షణాన్ని ఎలా ఉపయోగించాలి?

'rowspan' లక్షణం మరియు 'td' మూలకం మధ్య సంబంధాన్ని మెరుగైన ప్రదర్శన కోసం. దిగువ దశల వారీ మార్గదర్శిని అనుసరించడం ద్వారా ఆచరణాత్మక ఉదాహరణ ద్వారా నడుద్దాం:



దశ 1: HTMLలో పట్టికను రూపొందించడం

ముందుగా, '' సహాయంతో పట్టికను సృష్టించండి <పట్టిక> ” ట్యాగ్. దాని లోపల బహుళ జోడించండి '

కణాలను సృష్టించడానికి ”ట్యాగ్:





< శైలి >

పట్టిక

సరిహద్దు-కూలిపోవడం:కూలిపోవడం;

మార్జిన్: 40px;

}

వ,టిడి{

అంచు:2px ఘన ఎరుపు;

పాడింగ్: 20px;

}

< / శైలి >

< / తల >

< శరీరం >

< పట్టిక >

< tr >

< > emp.id < / >

< > ఉద్యోగి పేరు < / >

< > జీతం < / >

< / tr >

< tr >

< td > 1 < / td >

< td > జాన్ < / td >

< td > 160,000 < / td >

< / tr >

< tr >

< td > 2 < / td >

< td > జోసెఫ్ < / td >

< td > 120,000 < / td >

< / tr >

< tr >

< td > 3 < / td >

< td > ఏంజెలా < / td >

< td > 120,000 < / td >

< / tr >

< tr >

< td > 4 < / td >

< td > స్కార్లెట్ < / td >

< td > 80,000 < / td >

< / tr >

< / పట్టిక >

< / శరీరం >

పై కోడ్ స్నిప్పెట్‌లో:

  • ముందుగా, ఐదు అడ్డు వరుసలు సృష్టించబడ్డాయి మరియు ప్రతి సెల్‌కు కొంత నకిలీ డేటా అందించబడుతుంది.
  • తరువాత, ' పట్టిక 'మూలకం ఎంచుకోబడింది మరియు సెట్ చేయబడింది' కూలిపోతుంది 'CSSకి విలువ' సరిహద్దు-కూలిపోవడం ”ఆస్తి.
  • ఆ తరువాత, ' సరిహద్దు 'మరియు' పాడింగ్ ” లక్షణాలు వినియోగదారు దృశ్యమానతను మెరుగుపరచడానికి మరియు వినియోగదారుని ఆకట్టుకునే ప్రభావాన్ని సృష్టించడానికి ఉపయోగించబడతాయి.

కోడ్ అమలు చేసిన తర్వాత, పట్టిక ఇలా కనిపిస్తుంది:



పై అవుట్‌పుట్ పట్టిక సృష్టించబడిందని మరియు స్టైల్ చేయబడిందని ప్రదర్శిస్తుంది.

దశ 2: 'td' మూలకంతో 'rowspan' లక్షణాన్ని ఉపయోగించడం

ది ' రోస్పాన్ ” లక్షణం ప్రక్కనే ఉన్న కణాలను నిలువు దిశలో విలీనం చేస్తుంది. ఇది 'తో ఉపయోగించబడుతుంది

”మూలకం/ట్యాగ్. లక్షణం సంఖ్యను విలువగా తీసుకుంటుంది మరియు నిలువు దిశలో ఎన్ని సెల్‌లు విలీనం చేయబడతాయో తెలియజేస్తుంది. రాబోయే ప్రక్కనే ఉన్న సెల్ తప్పనిసరిగా ఒక గడిని తక్కువగా కలిగి ఉండాలి మరియు దిగువ చూపిన విధంగా ఆ స్థలం 'rowspan' లక్షణంతో నింపబడుతుంది:

< శరీరం >

< పట్టిక >

< tr >

< >Emp.id< / >

< >ఉద్యోగి పేరు< / >

< > జీతం < / >

< / tr >

< tr >

< td > 1 < / td >

< td > జాన్ < / td >

< td > 160 ,000< / td >

< / tr >

< tr >

< td > 2 < / td >

< td > జోసెఫ్ < / td >

< td రోస్పాన్ = '2' > 120 ,000< / td >

< / tr >

< tr >

< td > 3 < / td >

< td > ఏంజెలా < / td >

< / tr >

< tr >

< td > 4 < / td >

< td >స్కార్లెట్ < / td >

< td > 80 ,000< / td >

< / tr >

< / పట్టిక >

< / శరీరం >

పై కోడ్‌లో:

  • 'రౌస్‌పాన్' ఉద్యోగి 'తో జతచేయబడింది జీతం ” td మూలకం.
  • విలువ ' 2 ” క్రింద చూపిన విధంగా ప్రక్కనే ఉన్న రెండు సెల్‌లలో ఒకే డేటాను సెట్ చేసే “rowspan” లక్షణానికి అందించబడింది:

అవుట్‌పుట్ రెండు సెల్‌లు విలీనమైందని మరియు వినియోగదారు రీడబిలిటీ ఇప్పుడు మెరుగుపరచబడిందని వివరిస్తుంది.

ముగింపు

ది ' రోస్పాన్ 'లక్షణం'తో పని చేస్తుంది td నిలువు దిశలో బహుళ ప్రక్కనే ఉన్న సెల్‌లను విలీనం చేయడానికి మూలకం. లక్షణం సంఖ్యను విలువగా తీసుకుంటుంది మరియు ఎన్ని సెల్‌లు విలీనం చేయబడతాయో తెలియజేస్తుంది. ఒకే డేటా బహుళ సెల్‌లకు అందించబడిన చోట ఇది ఉపయోగించబడుతుంది. ఈ బ్లాగ్ “rowspan” అంటే ఏమిటి మరియు దానిని HTMLలోని “td” మూలకంతో ఎలా ఉపయోగించాలో ప్రదర్శించింది.