గూడు HTML టాగ్లు

ఎలా సరిగ్గా నెస్ట్ HTML టాగ్లు కు

మీరు ఈ రోజున ఏ వెబ్పేజీకి అయినా HTML మార్కప్ ను చూస్తే, మీరు ఇతర HTML అంశాలలో ఉన్న HTML అంశాలని చూస్తారు. ఇతర "లోపల" అని ఈ అంశాలను "సమూహ అంశాలు" అని పిలుస్తారు, మరియు వారు నేడు ఏ వెబ్ పేజీ నిర్మించడానికి అవసరం.

ఇది నెస్ట్ HTML టాగ్లు అర్థం ఏమిటి?

గూడు అర్థం చేసుకోవడానికి సులభమైన మార్గం HTML ట్యాగ్లను మీ కంటెంట్ను కలిగి ఉన్న పెట్టెలుగా భావిస్తారు. మీ కంటెంట్ టెక్స్ట్, చిత్రాలు మొదలైనవి కలిగి ఉంటుంది. HTML ట్యాగ్లు కంటెంట్ చుట్టూ పెట్టెలను కలిగి ఉంటాయి. కొన్నిసార్లు, మీరు ఇతర పెట్టెల లోపల పెట్టెలను పెట్టాలి. ఆ "అంతర్గత" పెట్టెలు ఇతరుల లోపల యున్నవి.

మీరు ఒక పేరా లోపల బోల్డ్ చేయదలిచిన వచనం యొక్క బ్లాక్ ఉంటే, మీరు రెండు HTML మూలకాలు అలాగే టెక్స్ట్ కూడా ఉంటుంది.

ఉదాహరణ: ఇది వచన వాక్యం .

మన పాఠ్యమేమిటంటే మనము వాడుతున్నాము. ఇది రాసిన ఎలా ఉంది.

ఉదాహరణ: ఇది వచన వాక్యం.

మీరు పదం "వాక్యం" బోల్డ్ కావాలంటే, మీరు ముందర మరియు ముందు మరియు బోల్డ్ టాగ్లు తెరిచి జోడించండి.

ఉదాహరణ: ఇది టెక్స్ట్ యొక్క వాక్యం .

మీరు గమనిస్తే, మన వాక్యానికి సంబంధించిన కంటెంట్ / టెక్స్ట్ను కలిగి ఉన్న ఒక పెట్టె (పేరా), రెండవ బాక్స్ (బలమైన ట్యాగ్ జత), ఇది ఆ పదం బోల్డ్గా చేస్తుంది.

మీరు గూడు టాగ్లు చేసినప్పుడు, మీరు వాటిని తెరిచిన వ్యతిరేక క్రమంలో ట్యాగ్లను మూసివేయడం చాలా ముఖ్యం. మీరు

మొదట, ను తెరిచి, దాన్ని మీరు రివర్స్ చేసి, మూసివేసి ఆపై ను తెరవండి.

దీని గురించి ఆలోచించడానికి మరొక మార్గం మరోసారి బాక్సుల సారూప్యతను ఉపయోగించడం. మీరు మరొక పెట్టెలో ఒక పెట్టె ఉంచినట్లయితే, బాహ్య లేదా బాక్స్ను మూసివేసే ముందు మీరు లోపలిని మూసివేయాలి.

మరిన్ని Nested టాగ్లు జోడించడం

మీరు ఒకటి లేదా రెండు పదాలను ధైర్యంగా, మరో సెట్ను ఇటాలిక్గా చేయాలనుకుంటే? ఎలా చేయాలో ఇక్కడ ఉంది.

ఉదాహరణ: ఇది టెక్స్ట్ యొక్క వాక్యం మరియు దీనికి కొన్ని ఇటాలిక్ టెక్స్ట్ కూడా ఉంది .

మన బాహ్య పెట్టె,

, ఇప్పుడు దాని లోపల రెండు సమూహ ట్యాగ్లు ఉన్నాయని మీరు చూడవచ్చు - మరియు . ఆ పెట్టె మూసివేయబడటానికి ముందే అవి రెండూ మూసివేయబడాలి.

ఉదాహరణ: ఇది టెక్స్ట్ యొక్క వాక్యం మరియు అది కూడా ఇటాలిక్ టెక్స్ట్ కూడా ఉంది.

ఇది మరొక పేరా. / p>

ఈ సందర్భంలో బాక్సుల లోపల పెట్టెలు ఉన్నాయి! అత్యధిక అవుట్ బాక్స్

లేదా "డివిజన్". ఆ పెట్టెలో లోపలికి జత పేరా ట్యాగ్లు ఉంటాయి మరియు మొదటి పేరా లోపల మనకు తదుపరి మరియు టాగ్ జత. మరోసారి, ఏ వెబ్ పేజీ చూడండి నేడు మరియు మీరు ఈ చూస్తారు మరియు మరింత గూడు జరుగుతున్న! బాక్సుల లోపల పెట్టెలు - ఎలా నిర్మించబడ్డాయి.

మీరు గూడు గురించి ఎందుకు జాగ్రత్త తీసుకోవాలి?

మీరు గూఢచర్యం గురించి శ్రద్ధ వహిస్తున్న నంబర్ వన్ కారణం మీరు CSS ను ఉపయోగించాలనుకుంటే. క్యాస్కేడింగ్ స్టైల్ షీట్లు పత్రాల లోపల నిలకడగా సమూహంగా ఉండటానికి ఆధారపడతాయి, తద్వారా శైలులు ఎక్కడ ప్రారంభమవచ్చో తెలియజేస్తాయి. పేజీలోని ప్రధాన-కంటెంట్ "పాఠం యొక్క విభాగానికి చెందిన అన్ని" లింక్లను ప్రభావితం చేయగల ఒక శైలిని మీరు సెటప్ చేస్తే, ఈ శైలులను ఎక్కడికి ఉపయోగించాలో బ్రౌజర్ను తప్పుదారి పట్టించడం కష్టం కాదు. కొన్ని HTML లను చూద్దాము:

ఉదాహరణ: ఇది టెక్స్ట్ యొక్క వాక్యం మరియు అది కూడా ఇటాలిక్ టెక్స్ట్ కూడా కలిగి ఉంటుంది.

మరొక పేరా .

ఈ విభజన లోపల లింక్ను ప్రభావితం చేయగల CSS శైలిని రాయాలనుకుంటే నేను పేర్కొన్న ఉదాహరణను ఉపయోగించి, మరియు ఆ లింక్ (పేజీ యొక్క ఇతర విభాగాలలో ఇతర లింక్లకు వ్యతిరేకంగా), నేను నా శైలి రాయడానికి గూడు, వంటి:

.ఒక రంగు రంగు: {color: # F00; }

ఇతర కారణాలు ప్రాప్తి మరియు బ్రౌజర్ అనుకూలత ఉన్నాయి. మీ HTML తప్పుగా సమూహంగా ఉన్నట్లయితే, స్క్రీన్ రీడర్లకు మరియు పాత బ్రౌజర్లకు అందుబాటులో ఉండదు - మరియు HTML పేజీలను మరియు ట్యాగ్లను బ్రౌజర్ల సరిగ్గా ఎలా ప్రదర్శించాలో అది గుర్తించలేకపోతే అది పూర్తిగా పేజీ యొక్క దృశ్య రూపాన్ని విచ్ఛిన్నం చేయగలదు స్థలం లేదు.

చివరగా, మీరు పూర్తిగా సరైన మరియు చెల్లుబాటు అయ్యే HTML వ్రాయడానికి కృషి చేస్తుంటే, మీరు సరైన గూడుని ఉపయోగించాలి. లేకపోతే, ప్రతి వ్యాలిడేటర్ మీ HTML ను తప్పు అని ఫ్లాగ్ చేస్తుంది.