ఈ వ్యాసం మీకు HTML టేబుల్స్ యొక్క వివరణాత్మక మరియు సమగ్రమైన KNowledge ను అందిస్తుంది. వివిధ ట్యాగ్‌లు మరియు ఆకృతీకరణ చేయవచ్చు.
సాంకేతిక ఆరంభం నుండి, డేటాను నిల్వ చేయడానికి మరియు విజువలైజ్ చేయడానికి ఒక సాధారణ మార్గం పట్టిక. టెక్స్ట్ సమాచారం & సంఖ్యా డేటాను ప్రదర్శించడానికి ఇది దాదాపు అన్ని రంగాలలో ఉపయోగించబడుతుంది, దీనిలో మీరు రెండు లేదా అంతకంటే ఎక్కువ అంశాలను సులభంగా పోల్చవచ్చు. ఈ వ్యాసంలో, నేను చర్చిస్తున్నాను కింది క్రమంలో పట్టికలు:
సరళమైన మాటలలో, పట్టిక అనేది వరుసలు & నిలువు వరుసలను కలిగి ఉన్న సంబంధిత డేటా సమాహారం. వెబ్ పేజీలను సృష్టించడానికి మరియు వెబ్ బ్రౌజర్‌లో ప్రదర్శించడానికి HTML ఒక ప్రామాణిక మార్కప్ భాష అని ఇప్పుడు మనకు తెలుసు. కాబట్టి, HTML ను నేర్చుకోవటానికి పట్టికలను సృష్టించడం మరియు పనిచేయడం ఒక ముఖ్యమైన ఉప నైపుణ్యం అవుతుంది. ఈ బ్లాగులో, HTML లోని పట్టికలతో ఎలా పని చేయాలో నేర్చుకుంటాము.
HTML పట్టికను నిర్వచించడానికి, మేము ఉపయోగిస్తాము
ట్యాగ్. లోపల
ట్యాగ్, మీరు మొదట పట్టిక వరుసలను నిర్వచించండి
ట్యాగ్. తరువాత, మీరు పట్టిక శీర్షికలను నిర్వచించారు
ట్యాగ్. పట్టికలోని డేటా లేదా సెల్ ఉపయోగించి నిర్వచించబడింది
ట్యాగ్.
HTML టేబుల్ టాగ్లు
మొదట పట్టికలను సృష్టించడానికి ఉపయోగించే HTML ట్యాగ్‌ల జాబితాను చూద్దాం. తరువాత ఈ బ్లాగులో ముందుకు సాగడం, ఉదాహరణల సహాయంతో వాటిని ఎలా ఉపయోగించాలో నేర్చుకుంటాము.
: పట్టికను నిర్వచించడానికి ఉపయోగిస్తారు
: పట్టికలోని శీర్షిక కణాన్ని నిర్వచించడానికి ఉపయోగిస్తారు
: పట్టికలో అడ్డు వరుసను నిర్వచించడానికి ఉపయోగిస్తారు
: పట్టికలోని కణాన్ని నిర్వచించడానికి ఉపయోగిస్తారు
:పట్టిక యొక్క శీర్షికను నిర్వచించడానికి ఉపయోగిస్తారు
:ఆకృతీకరణ కోసం పట్టికలో ఒకటి లేదా అంతకంటే ఎక్కువ నిలువు వరుసల సమూహాన్ని పేర్కొనడానికి ఉపయోగిస్తారు
: ఒక మూలకం లోపల ప్రతి కాలమ్ కోసం కాలమ్ లక్షణాలను పేర్కొనడానికి ఉపయోగిస్తారు
:పట్టికలో శీర్షిక కంటెంట్‌ను సమూహపరచడానికి ఉపయోగిస్తారు
: శరీర కంటెంట్‌ను పట్టికలో సమూహపరచడానికి ఉపయోగిస్తారు
: పట్టికలో ఫుటరు కంటెంట్‌ను సమూహపరచడానికి ఉపయోగిస్తారు
ఇప్పుడు పట్టికను సృష్టించడానికి నమూనా HTML కోడ్‌ను చూద్దాం.
పేరు
వయస్సు
అభిషేక్
18
బాబ్
2. 3
అవుట్పుట్:
HTML పట్టిక యొక్క వైవిధ్యాలు
సెల్‌ప్యాడింగ్ మరియు సెల్‌స్పేసింగ్ గుణాలు
సెల్‌ప్యాడింగ్ మరియు సెల్‌స్పేసింగ్ అని పిలువబడే రెండు లక్షణాలు ఉన్నాయి, వీటిని మీ టేబుల్ కణాలలో తెల్లని స్థలాన్ని సర్దుబాటు చేయడానికి మీరు ఉపయోగించవచ్చు. సెల్‌స్పేసింగ్ గుణం పట్టిక కణాల మధ్య స్థలాన్ని నిర్వచిస్తుంది, అయితే సెల్‌ప్యాడింగ్ సెల్ సరిహద్దుల మధ్య దూరాన్ని మరియు సెల్‌లోని కంటెంట్‌ను సూచిస్తుంది.
సెల్‌స్పేసింగ్ & సెల్‌ప్యాడింగ్
పేరు
వయస్సు
అభిషేక్
పదిహేను
బాబ్
2. 3
కోల్‌స్పాన్ మరియు రోవ్‌స్పాన్ గుణాలు
రెండు లేదా అంతకంటే ఎక్కువ నిలువు వరుసలను విలీనం చేయడానికి కోల్‌స్పాన్ లక్షణం ఉపయోగించబడుతుంది, అయితే రెండు లేదా అంతకంటే ఎక్కువ వరుసలను విలీనం చేయడానికి రోస్‌పాన్స్ ఉపయోగించబడుతుంది.
కోల్‌స్పాన్ & రోవ్‌స్పాన్
బ్యాచ్
పేరు
వయస్సు
కంప్యూటర్ సైన్స్
అభిషేక్
పదిహేను
బాబ్
2. 3
బ్రేక్
టేబుల్ ఎత్తు మరియు వెడల్పు
పట్టిక ఎత్తు & వెడల్పును సర్దుబాటు చేయడానికి HTML మీకు పరపతి ఇస్తుంది. పట్టిక యొక్క వెడల్పు మరియు ఎత్తును వరుసగా సెట్ చేయడానికి వెడల్పు లక్షణం & ఎత్తు లక్షణం ఉపయోగించబడుతుంది. మీరు స్క్రీన్‌పై అందుబాటులో ఉన్న ప్రాంతం శాతం లేదా పిక్సెల్‌ల పరంగా పేర్కొనవచ్చు.
HTML పట్టిక యొక్క వెడల్పు & ఎత్తు
అభిషేక్
పదిహేను
బాబ్
2. 3
టేబుల్ హెడర్, బాడీ మరియు ఫుటర్
పట్టికను మూడు విభాగాలుగా విభజించవచ్చు, అనగా, శీర్షిక, శరీరం మరియు ఫుటరు. ప్రతి పేజీకి సాధారణమైన పద పత్రంలో శీర్షిక మరియు ఫుటరు శీర్షిక మరియు ఫుటరును పోలి ఉంటాయి, అయితే శరీరం ప్రధాన కంటెంట్‌ను కలిగి ఉంటుంది.
ట్యాగ్ ప్రత్యేక పట్టిక శీర్షికను సృష్టిస్తుంది, ఇక్కడ ప్రత్యేక పట్టిక ఫుటరును సృష్టిస్తుంది. ట్యాగ్‌లు పట్టిక యొక్క శరీరాన్ని కలిగి ఉంటాయి.
మీరు పట్టిక నేపథ్యాన్ని కూడా సెట్ చేయవచ్చు. Bgcolor లక్షణం మొత్తం పట్టికకు మరియు ఒక సెల్ కోసం నేపథ్య రంగును సెట్ చేస్తుంది, అయితే నేపథ్య లక్షణం మొత్తం పట్టికకు మరియు ఒక సెల్ కోసం నేపథ్య చిత్రాన్ని సెట్ చేస్తుంది.
శీర్షిక ట్యాగ్ పట్టికకు ఎగువన ప్రదర్శించబడే పట్టికకు శీర్షిక లేదా వివరణగా ఉపయోగపడుతుంది.
HTML పట్టిక నేపధ్యం
పట్టిక శీర్షిక
కాలమ్ 1
కాలమ్ 2
కాలమ్ 3
అడ్డువరుస 1 సెల్ 1
అడ్డువరుస 1 సెల్ 2
వరుస 1 సెల్ 3
అడ్డువరుస 2 సెల్ 2
అడ్డువరుస 2 సెల్ 3
వరుస 3 సెల్ 1
దీనితో మేము ఈ వ్యాసం ముగింపుకు వచ్చాము. ఇప్పుడు పైన పేర్కొన్న స్నిప్పెట్లను అమలు చేసిన తర్వాత మీరు HTML లో పట్టికలను ఎలా సృష్టించాలో అర్థం చేసుకుంటారు. ఈ బ్లాగ్ మీకు సమాచారం మరియు అదనపు విలువను ఇస్తుందని నేను ఆశిస్తున్నాను.
చూడండిప్రపంచవ్యాప్తంగా 250,000 కంటే ఎక్కువ సంతృప్తికరమైన అభ్యాసకుల నెట్‌వర్క్‌తో విశ్వసనీయ ఆన్‌లైన్ లెర్నింగ్ సంస్థ ఎడురేకా చేత.HTML5, CSS3, Twitter బూట్స్ట్రాప్ 3, j క్వెరీ మరియు గూగుల్ API లను ఉపయోగించి ఆకట్టుకునే వెబ్‌సైట్‌లను ఎలా సృష్టించాలో తెలుసుకోవడానికి మరియు దానిని అమెజాన్ సింపుల్ స్టోరేజ్ సర్వీస్ (S3) కు అమర్చడానికి వెబ్ డెవలప్‌మెంట్ సర్టిఫికేషన్ శిక్షణ మీకు సహాయం చేస్తుంది.
మాకు ప్రశ్న ఉందా? దయచేసి ఈ వ్యాసం యొక్క వ్యాఖ్యల విభాగంలో దీనిని ప్రస్తావించండి మరియు మేము మిమ్మల్ని సంప్రదిస్తాము.
