మీరు పట్టికలను ఉపయోగించడం సరే మరియు మీరు వాటిని నివారించాలి ఉన్నప్పుడు సరిగ్గా మీరు అర్థం చేసుకున్న తర్వాత వరుసలు మరియు నిలువు వరుసల ప్రాథమికాలను అర్థం చేసుకోవడంలో HTML పట్టికలు సులభంగా ఉంటాయి.
ఎ బ్రీఫ్ హిస్టరీ ఆఫ్ టేబుల్స్ అండ్ వెబ్ డిజైన్
అనేక సంవత్సరాల క్రితం, CSS మరియు వెబ్ ప్రమాణాలు ఆమోదించడానికి ముందు, వెబ్ డిజైనర్లు HTML ఉపయోగించారు
సైట్లు కోసం ఒక పేజీ లేఅవుట్ సృష్టించడానికి మూలకం. వెబ్సైట్ డిజైన్లను ఒక ముక్క వలె చిన్న ముక్కలుగా "ముక్కలుగా చేసి" మరియు HTML పట్టికను ఉద్దేశించిన విధంగా బ్రౌజర్లో అందించడానికి కలిపి ఉంటుంది. ఇది అదనపు HTML మార్కప్ సృష్టించిన చాలా క్లిష్టమైన ప్రక్రియ మరియు బహుళ వెబ్ ప్రపంచంలో నేడు మా వెబ్ సైట్ నివసించడానికి ఎప్పుడూ ఇది CSS వెబ్పేజి విజువల్స్ మరియు లేఅవుట్ కోసం అంగీకరించిన పద్ధతి మారింది, ఇది కోసం పట్టికలు ఉపయోగం మారింది తప్పుకున్నాడు మరియు అనేక వెబ్ డిజైనర్లు "పట్టికలు చెడ్డవి" అని తప్పుగా నమ్మారు. ఇది నిజం కాదు. లేఅవుట్ కోసం పట్టికలు చెడ్డవే, కానీ అవి ఇప్పటికీ వెబ్ డిజైన్ మరియు HTML లో చోటును కలిగి ఉంటాయి, క్యాలెండర్ లేదా రైలు షెడ్యూల్ వంటి పట్టిక డేటాను ప్రదర్శించడానికి అవి ఉన్నాయి. ఆ కంటెంట్ కోసం, ఒక టేబుల్ ఉపయోగించి ఇప్పటికీ ఆమోదయోగ్యమైన మరియు మంచి విధానం.
సో మీరు పట్టిక ఎలా లేఅవుట్ చెయ్యాలి? కేవలం 2x2 పట్టికను సృష్టించడం ద్వారా ప్రారంభిద్దాం. దీనికి 2 నిలువు వరుసలు ఉంటాయి (ఇవి నిలువు బ్లాక్స్) మరియు 2 వరుసలు (సమాంతర బ్లాక్స్). మీరు 2x2 పట్టికను నిర్మించిన తర్వాత, మీరు అదనపు వరుసలు లేదా నిలువు వరుసలను జోడించడం ద్వారా మీరు ఏ పరిమాణంను రూపొందించవచ్చు.
ఇక్కడ ఎలా ఉంది
-
మొదట పట్టిక తెరవండి
-
Tr ట్యాగ్తో మొదటి వరుసను తెరవండి
-
Td ట్యాగ్తో మొదటి నిలువరుసను తెరవండి
|
-
సెల్ యొక్క కంటెంట్లను వ్రాయండి
-
మొదటి గడిని మూసివేసి రెండవదాన్ని తెరవండి
|
-
రెండవ సెల్ యొక్క కంటెంట్లను వ్రాయండి
-
రెండవ గడిని మూసివేసి వరుసగా మూసివేయండి
-
మొదటి వరుసలో మొదటి వరుసను వ్రాయండి
| | |
-
అప్పుడు పట్టికను మూసివేయండి
-
అంతే!
మీరు ఉపయోగించి మీ పట్టికకు పట్టిక శీర్షికలను జోడించడానికి కూడా ఎంచుకోవచ్చు
మూలకం. ఈ పట్టిక శీర్షికలు "పట్టిక డేటా" ముక్కలను మొదటి పట్టిక వరుసలో భర్తీ చేస్తాయి, ఇలాంటివి:
| పేరు | పాత్ర | | జెరెమీ | డిజైనర్ | జెన్నిఫర్ | డెవలపర్ |
బ్రౌజర్లో ఈ పేజీ రెండర్ అయినప్పుడు, పట్టిక శీర్షికలతో మొదటి వరుసలో డిఫాల్ట్గా బోల్డ్ టెక్స్ట్లో ప్రదర్శించబడతాయి మరియు అవి కనిపించే టేబుల్ సెల్లో కేంద్రీకృతమవుతాయి.
సో, ఇది HTML లో పట్టికలు ఉపయోగించండి సరే?
అవును, మీరు లేఅవుట్ ప్రయోజనాల కోసం వాటిని ఉపయోగించలేనంత వరకు, పట్టికలు ఉపయోగించడం సరే. మీరు పట్టిక సమాచారం ప్రదర్శించాల్సిన అవసరం ఉంటే, ఒక పట్టిక అలా మార్గం. వాస్తవానికి, ఈ రోజు మరియు వయస్సులో లేఅవుట్ కారణాల కోసం వాడుతున్నట్లుగా ఈ చట్టబద్ధమైన HTML మూలకం వెనుకబడిన కొన్ని తప్పుదోవపడిన స్వచ్ఛత కారణంగా ఒక పట్టికను తప్పించడం.
జెన్నిఫర్ క్య్రిన్ రాసినది. జెరెమీ గిరార్డ్ చే ఎడిట్ చేయబడింది.
|
