టేబుల్-సెల్ యొక్క ఉద్దేశ్యం
టేబుల్-సెల్ అనేది ఒక టేబుల్లోని వ్యక్తిగత ప్రవేశం, ఇది దానిలాగే అనేక ఇతర సెల్లతో రూపొందించబడింది. టేబుల్ సెల్ యొక్క ముఖ్య ఉద్దేశ్యం సులభంగా గ్రహణశక్తి మరియు అవగాహన కోసం డేటాను క్రమ పద్ధతిలో రికార్డ్ చేయడం. ఇది ఎంట్రీని కలిగి ఉన్న పట్టికలో ఒక నిర్దిష్ట స్థానాన్ని సూచిస్తుంది.
టేబుల్-సెల్స్ రకాలు
HTMLలోని పట్టిక ప్రధానంగా రెండు రకాల సెల్లను కలిగి ఉంటుంది. ఇవి ' హెడర్ సెల్స్ 'మరియు' డేటా సెల్స్ ”. వారి తేడాలు మరియు సారూప్యతలపై మరింత వివరాలు క్రింద ఇవ్వబడ్డాయి.
హెడర్ సెల్స్
హెడర్ సెల్లు దీని ద్వారా సూచించబడతాయి <వ> HTML Tailwind CSSలో ” ట్యాగ్. ఇవి పట్టికలోని నిలువు వరుసల శీర్షికలను తయారు చేస్తాయి. నిర్దిష్ట కాలమ్లోని అన్ని విలువలు ఏమిటో హెడర్లు నిర్వచించాయి. శీర్షికలకు ఉదాహరణలు పేరు, ఇమెయిల్ చిరునామా, సంప్రదింపు సంఖ్య, సామాజిక భద్రత సంఖ్య మొదలైనవి.
పట్టిక యొక్క హెడర్ సెల్ నిలువు వరుస ఎగువన ఉంటుంది మరియు దిగువ నమోదులు డేటా సెల్లుగా ఉంటాయి. ఈ సెల్లను దిగువ అనుసరించే డేటా సెల్ల నుండి వేరు చేయడానికి నిర్దిష్ట ఫార్మాటింగ్ కూడా ఉంది. డేటా సెల్లలోని కంటెంట్కు అర్థాన్ని జోడించడం కోసం హెడర్ సెల్లు పెద్ద ఫాంట్ పరిమాణం మరియు బోల్డ్ అక్షరాలను కలిగి ఉండేలా పేర్కొనబడ్డాయి.
ఉదాహరణ
దిగువ కోడ్లో, మేము “
< పట్టిక >
< తల >
< tr >
< వ > హెడర్ సెల్ 01 < / వ >
< / tr >
< / తల >
< / పట్టిక >
ఈ కోడ్ బ్లాక్లో:
- '
' ట్యాగ్ ద్వారా పట్టికను సృష్టించండి.
” ట్యాగ్లను మూసివేయండి.- ఇప్పుడు, టేబుల్ హెడర్ సెల్ను సృష్టించడానికి “
” ట్యాగ్ని ఉపయోగించండి. - అప్పుడు, సెల్ ఎంట్రీని నిర్వచించండి ' హెడర్ సెల్ 01 ” “
” ట్యాగ్లోని “ ”, “” మరియు “” ట్యాగ్ని ఉపయోగిస్తుంది. - చివరగా, టేబుల్ సెల్ను పూర్తి చేయడానికి వరుసగా “
- ఇప్పుడు, టేబుల్ హెడర్ సెల్ను సృష్టించడానికి “
అవుట్పుట్
చూసినట్లుగా, హెడర్ సెల్ డిఫాల్ట్గా బోల్డ్లో ప్రదర్శించబడుతుంది.
డేటా సెల్స్
డేటా సెల్లు దీని ద్వారా సూచించబడతాయి డేటా సెల్లు కూడా నిర్దిష్ట ఫార్మాటింగ్ను కలిగి ఉంటాయి. ఇవి హెడర్ సెల్ల కంటే చిన్న ఫాంట్ పరిమాణాన్ని కలిగి ఉంటాయి మరియు అవసరాలకు అనుగుణంగా సాదా వచనం లేదా సంఖ్యలను కలిగి ఉంటాయి. “పేరు” హెడర్ సెల్ కింద ఉన్న డేటా సెల్లు సంబంధిత వ్యక్తుల పేర్లను కలిగి ఉంటాయి ఉదాహరణకు జాన్, డేవిడ్, మైఖేల్ మరియు జేమ్స్. ఉదాహరణ పట్టిక డేటా సెల్ను సృష్టించడానికి క్రింది దశలు కోడ్ను వివరిస్తాయి: HTML Tailwind CSSలో ” ట్యాగ్. ఈ సెల్స్ మొత్తం సమాచారాన్ని పట్టికలో ఉంచుతాయి. ఇవి హెడర్ సెల్ల క్రింద జాబితా చేయబడ్డాయి మరియు నిర్దిష్ట హెడర్ కోసం అన్ని ఎంట్రీల కోసం డేటాను కలిగి ఉంటాయి. ఉదాహరణకు, హెడర్ సెల్కు 'పేరు' అనే పేరు ఉంటే, దాని క్రింద ఉన్న డేటా సెల్లు డేటా రికార్డ్ చేయబడిన వ్యక్తులందరి పేర్లను కలిగి ఉంటాయి.
'ని ఉపయోగించి టేబుల్ డేటా సెల్ను సృష్టించడానికి కోడ్ ” ట్యాగ్ క్రింద ఇవ్వబడింది:
< తల >
< శైలి >
పట్టిక {
సరిహద్దు-కూలిపోవడం: కూలిపోవడం;
}
td {
సరిహద్దు : 1px ఘన నలుపు;
పాడింగ్: 10px;
}
< / శైలి >
< / తల >
< శరీరం >
< పట్టిక >
< tr >
< td >టేబుల్-సెల్ < / td >
< / tr >
< / పట్టిక >