HTML లో పాఠం. కణాలు విలీనం

HTML లో పట్టికలు - ఒక చాలా సులభ అంశం. వారితో మీరు ఏదైనా చేయవచ్చు. వాస్తవానికి, ప్రధాన ప్రయోజనం - ఒక టేబుల్ లో సమాచారాన్ని ఉంచడం. కానీ సైట్లు డెవలపర్లు మరింత వెళ్ళాను. ఒక సమయంలో ఒక సైట్ ప్రణాళిక తయారు ఒక టేబుల్ ఉపయోగించగలను వరకు చాలా ప్రజాదరణ పొందింది. ఇప్పుడు నిపుణులు అలా చేయకూడదని ప్రయత్నిస్తున్నారు.

పట్టికలు ఎందుకంటే గుణాలను పెద్ద సంఖ్యలో వారి విస్తృత అప్లికేషన్ కనుగొన్నారు. ఉదాహరణకు, ఒక చాలా ఉపయోగకరమైన లక్షణం వరుసలు లేదా నిలువు కలపడం మారింది.

థియరీ ఇంట్రడక్షన్

colspan మరియు rowspan: HTML లో, కణాల యూనియన్ రెండు లక్షణాలను ద్వారా సంభవిస్తుంది. వారు TD ట్యాగ్ పేర్కొంటారు.

మాకు మొదటి మేము టాపిక్ లోకి లోతుగా పరిశోధన చేయు ముందు, ప్రతి పట్టిక నిర్మాణం విశ్లేషించడానికి లెట్. సెల్ - ప్రతి పట్టిక లో ఒక లైన్, మరియు అది. ప్రారంభంలో, అన్ని పట్టికలు కణాల అదే నెంబర్ కలిగి ఉండాలి గుర్తుంచుకోండి.

సూచించిన రెండు వరుసలు పైన మరియు మూడు కణాలు ప్రతి ఫిగర్. ఇది ఒక సాధారణ పట్టిక ఉంది. మీరు ఏ బాక్స్ లో ఉంటే, పట్టిక "బయటకు తరలించడం" కణాల చిన్న సంఖ్యలో టైప్, అన్ని సరిగ్గా కనపడవు.

HTML పట్టిక: నిలువుగా మరియు అడ్డంగా కణాలు విలీనం

మీరు విలీనంతో ఏదైనా కలిగి ఉంటే కణాలు లేదా తీగలను ఒక చిన్న సంఖ్య మాత్రమే ఉపయోగించవచ్చు తెలుపుటకు. కానీ బదులుగా టాప్ సమీప పొరుగు తొలగించబడతాయి అంశం మీరు ఒక అదనపు లక్షణం పేర్కొనాలి. మీరు నిలువు, అప్పుడు colspan, తీగలను, అప్పుడు rowspan మిళితం. ఒక లక్షణం విలువ మీరు విలీనం కావలసిన వస్తువులు సంఖ్య సూచిస్తుంది.

దయచేసి మీరు పైకి సమీప మూలకం అది పేర్కొనాలి అని గమనించండి. ఉదాహరణకు, పైన చిత్రంలో, మీరు సెల్ 1 మరియు 2 కలపడానికి కోరుకుంటే, మీరు రెండు ఒక విలువ సెల్ 1 colspan గుణం లో పేర్కొనాలి. మరియు స్థానం సంఖ్య 2 లేదా 3 తొలగించి, దాన్ని పట్టింపు లేదు.

బాటమ్ లైన్ మీరు పడుతుంది ఎంత స్థలం సెల్ చెప్పే ఉంది. డిఫాల్ట్ విలువ 1.

కణాలు విలీనం నిలువుగా HTML పట్టిక అదే సూత్రం జరుగుతుంది. కేవలం ఆక్రమిత స్థలం నిలువుగా పరిగణించబడుతుంది. క్రింద ఉన్న చిత్రాన్ని చూడండి.

ఇక్కడ, సంఖ్య 43 తో సెల్ రెండు తీగలను పడుతుంది. ఇది చేయటానికి, మీరు లక్షణం rowspan పేర్కొనండి. జస్ట్ జ్ఞాపకం:

• రో - వరుస.
• కల్ - కాలమ్ / కాలమ్.
• స్పాన్ - అసోసియేషన్.

సృష్టికర్తలు కూడా అది తెలియకుండా, ఏదో అర్థం కాలేదు కాబట్టి, మానవ సాధ్యమైనంత భాష తీసుకొచ్చే ప్రయత్నించారు.

నిలువుగా మరియు అడ్డంగా: HTML లో, కణాల యూనియన్ రెండు దిశలలో చేయవచ్చు. ఇది చేయటానికి, మేము రెండు గుణం పేర్కొనండి.

పైన చూపిన చిత్రంలో కేవలం ఆ అసోసియేషన్లకు చేయవచ్చు ప్రకటించాడు: వరుసలు, నిలువు, లేదా వరుసలు మరియు కాలమ్లను రెండు.

HTML: విలీనం కణాలు. ఉదాహరణలు

మాకు పెద్ద పట్టికలు మరింత క్లిష్టమైన ఉదాహరణలు మైలురాయిని పరిగణలోకి లెట్. ఎడమవైపు క్రింద ఒక సాధారణ పట్టిక అసలు వెర్షన్ సెట్. ఒక కుడి - రెండవ వరుసగా రెండు కణాల కలయిక తో ఒక వైవిధ్యం. కాబట్టి స్వచ్చమైన మరియు సులభంగా HTML కోడ్ పోల్చడానికి.

మీరు కూడా సెల్ మధ్యలో మూడు కలిపి చేయవచ్చు. మొదటి సందర్భంలో colspan గుణం సెల్ №1 నిర్దేశిస్తుంది. ఇక్కడ, మొదటి మారకుండా ఉంటుంది, మరియు రెండవ colspan జోడించబడింది, మూడు సమానంగా.

మీరు ఒకే ఒక వరుసగా అన్ని కణాలు విలీనం చేయాలనుకుంటే, అప్పుడు మొదటి colspan = సూచించడానికి 5 'నాలుగు td తొలగించండి.

మీరు చూడగలరు గా, నిజానికి, ప్రతిదీ సులభం. ఏమీ సంక్లిష్టంగా. ముఖ్యంగా, జాగ్రత్తగా, మొదటిసారి నుండి పట్టికలు అన్ని బలహీనతలను అర్థం, మరియు అప్పుడు ఎటువంటి సమస్యలు ఉత్పన్నమయ్యే ఉండకూడదు.

ఒక సైట్ నిర్మాణంగా టేబుల్

HTML లో, కణాల యూనియన్ సమాచారం ఎల్లప్పుడూ సాధారణ పట్టికలు (పదం లేదా Excel లో) కోసం కాదు. వెబ్సైట్ డిజైనర్లు తరచుగా, కానీ ముందు ఎన్నికల్లో వాటిని సైట్లు లేఅవుట్ కోసం ఉపయోగించారు.

ఉదాహరణకు, సైట్ యొక్క లేఅవుట్ భావిస్తారు. ఈ డిజైన్ - చాలా సాధారణ మరియు ఆదిమ. కానీ మీరు స్పష్టంగా అసోసియేషన్ ఉపయోగం చూపవచ్చు.

రెండు కణాలు చొప్పున మూడు వరుసలు ఒక మేజాబల్లకు ఉంది. అప్పుడు, సైట్ యొక్క లోగో, మొదటి వరుసలో రెండు కణాలు మిళితం చేశారు ఉంచడానికి. బాటమ్ లైన్ "అంతస్తులో" కల్పించేందుకు అదే చేయాలని ఉంది.

డిజైన్ అంశాలను ఉంచడం కారణంగా దాని స్థలానికి సాధ్యమే, మరియు ఏమీ దాని పరిమితులు ఉండవు. ఈ చాలా అనుకూలమైన మరియు సాధారణ ఉంది. అందువలన, ప్రజాదరణ కారణంగా. ఇప్పుడు, అది ఒక DIV ట్యాగ్ బ్లాక్స్ సృష్టించడానికి మద్దతిస్తుంది.

నిర్ధారణకు

మరియు HTML పట్టిక సెల్ మేళనం, మీరు మీకు నచ్చిన పనులను చేయవచ్చు గుర్తుంచుకోవాలి. ఇది అన్ని మీరు ఏమి ఆధారపడి ఉంటుంది మరియు ఎలా మీరు ఏర్పాట్లు అనుకుంటున్నారా. ముఖ్యంగా, అయోమయం పొందలేము. మీరు సంఘాలు పెద్ద సంఖ్యలో ఒక పెద్ద పట్టిక సృష్టించడానికి కావాలా, అది కాగితం ముక్క మీద లేదా పెయింట్ లో అది అన్ని డ్రా మద్దతిస్తుంది. Imposer ప్రారంభ సులభంగా ఉంటుంది.

చేసినప్పుడు అనుభవం, ఈ కార్యకలాపాలు మీరు సులభంగా మీ తల లో పని చేయవచ్చు.