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