ఈ కథనం అంతర్గత లింక్ గురించి గైడ్ను తెలియజేస్తుంది:
HTML అంతర్గత లింక్ అంటే ఏమిటి?
HTML అంతర్గత లింక్లు అనేది వెబ్పేజీలోని వివిధ విభాగాల ద్వారా నావిగేట్ చేయడానికి వినియోగదారులను అనుమతించడానికి సృష్టించబడిన హైపర్లింక్లు. వినియోగదారు అంతర్గత లింక్తో పరస్పర చర్య చేస్తున్నప్పుడు, బ్రౌజర్ స్క్రీన్ను వెబ్పేజీలోని పేర్కొన్న విభాగానికి తరలిస్తుంది. ప్రత్యేకించి ఒకే పేజీ పొడవున్న వెబ్సైట్ లేదా బ్లాగ్ ఉన్నట్లయితే ఇది వినియోగదారులను నావిగేట్ చేయడంలో సహాయపడుతుంది.
అంతర్గత లింక్లను అర్థం చేసుకోవడానికి ఒక సాధారణ ఉదాహరణ ద్వారా నడుద్దాం:
ఉదాహరణ: నావిగేటర్గా అంతర్గత లింక్లను ఉపయోగించడం
అంతర్గత లింక్ల పనితీరును అర్థం చేసుకోవడానికి, నావిగేషన్ బటన్లను ఉపయోగించవచ్చు. ఉదాహరణకు, ఈ ప్రదర్శనలో రెండు నావిగేషన్ బటన్లు మరియు డమ్మీ కంటెంట్ సృష్టించబడ్డాయి:
< div >
< h2 id = 'ప్రథమ భాగము' > ప్రథమ భాగము < / h2 >
< p > మొదటి భాగం కంటెంట్కు స్వాగతం. < / p >
< h2 id = 'రెండవ భాగం' > రెండవ భాగం < / h2 >
< p > గొప్ప! మీరు కంటెంట్ యొక్క రెండవ భాగాన్ని చేరుకున్నారు < / p >
< / div >
పై కోడ్ స్నిప్పెట్లో:
- మొదట, రెండు ' ” ట్యాగ్లు వెబ్పేజీ యొక్క రెండు శీర్షికలు/విభాగాలను సృష్టించడానికి ఉపయోగించబడతాయి. ఈ ' h2 'మూలకాలు' విలువను కలిగి ఉంటాయి ప్రథమ భాగము 'మరియు' రెండవ భాగం 'కి కేటాయించబడినవి' id ” లక్షణాలు, వరుసగా.
- తరువాత, ' 'ట్యాగ్లు ప్రతిదానికీ కంటెంట్ను కలిగి ఉంటాయి' ” ట్యాగ్.
ఇప్పుడు, అంతర్గత లింక్లకు సంబంధించి నావిగేషన్ బటన్లు ఉపయోగించబడుతున్నాయి. ఈ బటన్లు క్రింది కోడ్ లైన్ ఉపయోగించి సృష్టించబడతాయి:
< ఉల్ >< అని > < a href = '#ప్రథమ భాగము' > మొదటి భాగం< / a > < / అని >
< అని > < a href = '#రెండవ భాగం' >పార్ట్ టూ< / a > < / అని >
< / ఉల్ >
పై కోడ్ స్నిప్పెట్లో:
- మొదట, '
- తరువాత, యాంకర్ ' 'ట్యాగ్ ఉపయోగించబడుతుంది మరియు ప్రతిదానికి నకిలీ డేటాను అందిస్తుంది' <ఆ> ” ట్యాగ్.
- ఆ తరువాత, '' విలువను సెట్ చేయండి href 'రెండింటి లక్షణం' 'కు' ట్యాగ్లు ప్రథమ భాగము 'మరియు' రెండవ భాగం ”ఐడీలు. ఈ అసైన్మెంట్ ' id ” విలువలు అంతర్గత లింక్ను సృష్టిస్తాయి.
ఎగువ కోడ్ బ్లాక్లను అమలు చేసిన తర్వాత, వెబ్పేజీ ఇలా పనిచేస్తుంది:
పై gif వెబ్పేజీలో అంతర్గత లింక్ల పనిని వివరిస్తుంది.
ముగింపు
HTML అంతర్గత లింక్లు వెబ్పేజీలోని వివిధ విభాగాల ద్వారా నావిగేట్ చేయడానికి వినియోగదారులను అనుమతించడానికి సృష్టించబడిన హైపర్లింక్లు. అంతర్గత లింక్ని సృష్టించడానికి, మాతృ HTML మూలకం యొక్క idని పాస్ చేయండి. మరియు ఈ ఐడిని విలువగా అందించండి href 'HTML యాంకర్ అందించిన లక్షణం' ' మూలకం. ఈ ' ” మూలకం navbar లోపల లేదా నావిగేటర్గా పనిచేసే వెబ్ పేజీలో ఎక్కడైనా ఉపయోగించబడుతుంది. ఈ వ్యాసం HTML అంతర్గత లింక్ యొక్క ఆచరణాత్మక ఉదాహరణను ప్రదర్శించింది.