HTML <a> href లక్షణం

నిర్వచనం మరియు ఉపయోగం

href లక్షణం వారు ప్రస్తుత పత్రం ప్రదర్శించవచ్చు లేదా జావాస్క్రిప్ట్ ప్రకటనలు, పద్ధతులు మరియు ఫంక్షన్స్ ప్రదర్శించవచ్చు.

href లక్షణం వారు ప్రస్తుత పత్రం ప్రదర్శించవచ్చు లేదా జావాస్క్రిప్ట్ ప్రకటనలు, పద్ధతులు మరియు ఫంక్షన్స్ ప్రదర్శించవచ్చు. href లక్షణం వారు ప్రస్తుత పత్రం ప్రదర్శించవచ్చు లేదా జావాస్క్రిప్ట్ ప్రకటనలు, పద్ధతులు మరియు ఫంక్షన్స్ ప్రదర్శించవచ్చు.

ఉపయోగించిన పదక్షణ లక్షణం వారు ప్రస్తుత పత్రాన్ని ప్రస్తుత పత్రం ప్రదర్శించవచ్చు లేదా జావాస్క్రిప్ట్ ప్రకటనలు, పద్ధతులు మరియు ఫంక్షన్స్ ప్రదర్శించవచ్చు. href అనునది లక్షణం లేకపోతే, <a> టాగ్ హైపర్ లింక్ కాదు.

హిందూస్తాన్మీరు href="#top" లేదా href="#" ఉపయోగించి ప్రస్తుత పేజీ పైభాగానికి లింక్ పెట్టవచ్చు!

పాఠం లింక్ తయారు చేయడం

మరొక పత్రాన్ని సూచించే సాధారణ <a> టాగ్ ఈ రీతిలో ఉంటుంది:

<a href="http://www.codew3c.com/index.html">CodeW3C.com ఆన్‌లైన్ పాఠ్యపుస్తకం</a>

బ్రౌజర్ వినియోగదారులకు ప్రత్యేక ప్రభావాలు కలిగిన వాక్యం 'CodeW3C.com ఆన్లైన్ ట్యూటోరియల్' (సాధారణంగా కెళ్ళబడిన నీలి పాఠం) చూపిస్తారు మరియు వారు మరొక డాక్యుమెంట్కు లింక్ అవుతుంది అని వినియోగదారులకు తెలియజేస్తారు. ఇలా ఉంటుంది:

CodeW3C.com ఆన్లైన్ పాఠ్యపుస్తకం

వినియోగదారులు బ్రౌజర్లోని ఐచ్చికలను ఉపయోగించి స్వయంగా పాఠ రంగులను, లింక్ ముందు మరియు తరువాత పాఠ రంగులను నిర్ణయించవచ్చు.

హిందూస్తాన్ఉపయోగించవచ్చు CSS ప్రత్యామ్నాయ అట్టిబాట్లుపాఠ లింక్లకు సాంకేతికమైన మరియు వైవిధ్యమైన స్టైల్స్ జోడించడం

చిత్ర లింక్ తయారు చేయడం

సాంకేతికమైన అంకురాలు చిత్రాలను కూడా కలిగి ఉండవచ్చు. ఈ LOGO ఒక చిత్ర లింక్ ఉంది, చిత్రాన్ని క్లిక్ చేసినప్పుడు W3school యొక్క ముఖ్యపేజీకి మళ్ళిస్తుంది:

<a href="http://www.codew3c.com/index.html">
<img src="/i/codew3c_logo_white.gif" />
</a>

క్రింది కోడ్ కోడ్వైత్స్ కమ్ కమ్ యొక్క LOGO కు ముందుకు వెళ్ళే హెచ్చరిక లింక్ జోడిస్తుంది:

CodeW3C.com ఆన్లైన్ పాఠ్యపుస్తకం

మాత్రమే చిత్రాన్ని లింక్ భాగంగా ఉంచిన చిత్రాలు చుట్టూ ప్రత్యేక కాంట్రాయిన్స్ ఉంటాయి. <img> టాగ్లో చిత్రం యొక్క border అట్టిబాట్లు0 గా సెట్ చేస్తే హెచ్చరిక లింక్ గా కాంట్రాయిన్స్ తొలగిస్తారు. కూడా ఉపయోగించవచ్చు CSS కాంట్రాయిన్స్ అట్టిబాట్లుఅన్ని ఎలిమెంట్స్ గుర్తుమార్గా కాంట్రాయిన్స్ స్టైల్స్ మార్చడానికి ఉపయోగించబడుతుంది。

ఉదాహరణ

ఉదాహరణ 1

href అట్టిబాట్లు లింక్ గా లక్ష్యాన్ని నిర్ధారించాలి:

<a href="https://www.codew3c.com">CodeW3C.com ను సందర్శించండి</a>

స్వయంగా ప్రయత్నించండి

ఉదాహరణ 2

చిత్రాన్ని లింక్ గా ఉపయోగించడానికి ఎలా ఉంటుంది:

<a href="https://www.codew3c.com">
<img border="0" alt="W3School" src="/i/logo/w3logo.png" width="400" height="225">
</a>

స్వయంగా ప్రయత్నించండి

ఉదాహరణ 3

ఇమెయిల్ అడ్రెస్స్ కు లింక్ పెట్టడానికి ఎలా ఉంటుంది:

<a href="mailto:someone@example.com">ఇమెయిల్ పంపండి</a>

స్వయంగా ప్రయత్నించండి

ఉదాహరణ 4

టెలిఫోన్ నంబర్ కు లింక్ పెట్టడానికి ఎలా ఉంటుంది:

<a href="tel:+8613888888888">+86 138 8888 8888</a>

స్వయంగా ప్రయత్నించండి

ఉదాహరణ 5

ఈ పేజీలో మరొక భాగానికి లింక్ పెట్టడానికి ఎలా ఉంటుంది:

<a href="#section2">రెండవ భాగానికి వెళ్ళండి</a>

స్వయంగా ప్రయత్నించండి

ఉదాహరణ 6

జావాస్క్రిప్ట్ కు లింక్ పెట్టడానికి ఎలా ఉంటుంది:

<a href="javascript:alert('హలో వరల్డ్!');">జావాస్క్రిప్ట్ అమలు చేయండి</a>

స్వయంగా ప్రయత్నించండి

పద్ధతి

సంక్షిప్త పద్ధతివర్ణన<a href="

">

అట్రిబ్యూట్ విలువ విలువ
వర్ణన

లింక్ యూఆర్ఎల్

సాధ్యమైన విలువలు:

  • అపారతమైన యూఆర్ఎల్ - మరొక సైట్ కు మార్గదర్శకం (ఉదాహరణకు href="http://www.example.com/index.html")
  • పరస్పర యూఆర్ఎల్ - సైట్ లోని ఫైలులకు మార్గదర్శకం (ఉదాహరణకు href="index.html")
  • పేజీలో పేరు కలిగిన అంశానికి లింక్ చేయండి (ఉదాహరణకు href="#section2")
  • ఇతర సమాచార ప్రోటోకాలు (ఉదాహరణకు https://, ftp://, mailto:, file: మొదలైనవి)
  • స్క్రిప్ట్ (ఉదాహరణకు href="javascript:alert('Hello');")

బ్రౌజర్ మద్దతు

చ్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
చ్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
మద్దతు మద్దతు మద్దతు మద్దతు మద్దతు