హెచ్టిఎంఎల్ లింక్
- ముంది పేజీ HTML CSS
- తదుపరి పేజీ హెచ్టిఎంఎల్ చిత్రం
HTML మెటా లింకులు వెబ్ నెట్వర్క్ లోని మరొక డాక్యుమెంట్తో కలిసిపోతాయి.
అన్ని వెబ్ పేజీల్లో లింకులను కనిపించవచ్చు. లింకులను క్లిక్ చేయడం ద్వారా ఒక పేజీ నుండి మరొక పేజీకి కదిలిపోవచ్చు.
ఉదాహరణ
- సూపర్ లింకులను సృష్టించండి
- ఈ ఉదాహరణలో, మేము HTML డాక్యుమెంట్లో లింకులను సృష్టించడాన్ని ప్రదర్శిస్తున్నాము.
- చిత్రాన్ని లింకుగా ఉపయోగించండి
- ఈ ఉదాహరణలో, మేము చిత్రాన్ని లింకుగా ఉపయోగించడాన్ని ప్రదర్శిస్తున్నాము.
HTML సూపర్ లింకులు (లింకులు)
అధికారిక లింకులు ఒక అక్షరం, ఒక పదం లేదా ఒక గుంపు పదాలు కావచ్చు, లేదా ఒక చిత్రం కావచ్చు. మీరు ఈ కంటెంట్ను క్లిక్ చేసి కొత్త డాక్యుమెంట్లకు లేదా ప్రస్తుత డాక్యుమెంట్లోని కొన్ని భాగాలకు కదిలిపోవచ్చు.
మీరు మౌస్ పింటర్ను వెబ్ పేజీలోని లింకుపైకి కదిలినప్పుడు, ఆరోహణ ఒక చిన్న చేతిగా మారుతుంది.
మేము HTML లో <a> టాగ్ ఉపయోగించడం ద్వారా లింకులను సృష్టిస్తాము.
有两种使用 标签的方式：
- 通过使用 href 属性 - 创建指向另一个文档的链接
- 通过使用 name 属性 - 创建文档内的书签
పఠనం కొనసాగించండి:ఇంటర్‌నెట్ లో అత్యంత ఉపయోగపడే సమాచార రూపం ఏమిటి?
HTML లింక్ సింథెక్సిస్
లింక్ యొక్క HTML కోడ్ చాలా సరళం. ఇలా ఉంటుంది:
<a href="url">Link text</a>
href అంశం లింక్ యొక్క మార్గాన్ని నిర్ణయిస్తుంది.
ప్రారంభ టాగ్‌గా మరియు ముగింపు టాగ్‌గా ఉన్న వచనం సూపర్‌లింక్‌గా చూడబడుతుంది.
ఉదాహరణ
<a href="http://www.codew3c.com/">సందర్శించండి CodeW3C.com</a>
ఈ వాక్యం ఇలా చూడబడుతుంది:Visit CodeW3C.com
ఈ సూపర్‌లింక్ యొక్క క్లిక్ చేయడంతో వాడిని CodeW3C.com ప్రధాన పేజీకి తీసుకువెళుతుంది.
సలహా:"లింక్ పదబంధం" అనేది కానీ పదబంధం కాని ఉండవచ్చు. చిత్రాలు లేదా ఇతర HTML అంశాలు కూడా లింక్లుగా ఉండవచ్చు.
HTML లింక్ - target అంశం
టార్గెట్ అంశాన్ని ఉపయోగించి, మీరు లింక్లు కొరకు పత్రం యొక్క ప్రదర్శన స్థానాన్ని నిర్ణయించవచ్చు.
ఈ వాక్యం ఒక కొత్త విండోలో పత్రాన్ని తెరుస్తుంది:
<a href="http://www.codew3c.com/" target="_blank">Visit CodeW3C.com!</a>
HTML లింక్ - name అంశం
name అంశం అంకరానికి పేరును నిర్ణయిస్తుంది.
మీరు name అంశాన్ని ఉపయోగించి HTML పేజీలో బుక్‌మార్కులను సృష్టించవచ్చు.
బుక్‌మార్కులు ఏ ప్రత్యేక రూపంలో చూడబడవు, వారు చదివే వారికి అది దృశ్యంలో కనిపించదు.
నామక అంకరాలను (named anchors) ఉపయోగించినప్పుడు, మానవులు ప్రయోగించే పేజీలో అంకరానికి నేరుగా లింక్లు సృష్టించవచ్చు (ఉదా, పేజీలో కొన్ని విభాగాలకు), అలా ఉపయోగించుకునేవారు సమాచారం కోసం పేజీని చక్కగా స్క్రాల్ చేయకుండా ఉంటారు.
నామక అంకరానికి సంకేతం సింథెక్సిస్:
<a name="label">అంకరు (పేజీలో చూడబడే పదబంధం)</a>
సలహా:అంకరానికి పేరు ఏ మేరకైనా ఉండవచ్చు.
సలహా:మీరు id అంశాన్ని name అంశం బదులుగా వాడవచ్చు, అంకరానికి పేరు పెట్టడం కూడా పరిణామం అవుతుంది.
ఉదాహరణ
మొదటగా, మేము HTML పత్రంలో అంకరానికి పేరు పెట్టండి (ఒక బుక్‌మార్క్ సృష్టించండి):
<a name="tips">ప్రాథమిక జాగ్రత్తలు - ఉపయోగపడే సలహాలు</a>
అప్పుడు, ఈ అంకరానికి సంబంధించిన లింక్ ని అదే పత్రంలో సృష్టిస్తాము:
<a href="#tips">ఉపయోగపడే సలహాలు</a>
మీరు మరొక పేజీలో ఈ అంకరానికి లింక్ సృష్టించవచ్చు:
<a href="http://www.codew3c.com/html/html_links.asp#tips">有用的提示
在上面的代码中，我们将 # 符号和锚名称添加到 URL 的末端，就可以直接链接到 tips 这个命名锚了。
具体效果：有用的提示
基本的注意事项 - 有用的提示：
注释：请始终将正斜杠添加到子文件夹。假如这样书写链接：href="http://www.codew3c.com/html"，就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址，然后创建一个新的请求，就像这样：href="http://www.codew3c.com/html/"。
సలహా:命名锚经常用于在大型文档开始位置上创建目录。可以为每个章节赋予一个命名锚，然后把链接到这些锚的链接放到文档的上部。如果您经常访问百度百科，您会发现其中几乎每个词条都采用这样的导航方式。
సలహా:బ్రౌజర్ ప్రస్తావించిన నామినేటెడ్ అంకురాన్ని కనుగొనలేకపోయినట్లయితే, డాక్యుమెంట్ యొక్క పైకి ప్రయాణిస్తుంది. ఏ దోషం జరగదు.
మరిన్ని ఉదాహరణలు
- కొత్త బ్రౌజర్ విండోలో లింకును తెరిచండి
- ఒక కొత్త బ్రౌజర్ విండోలో పేజీని తెరిచినప్పుడు విజిటర్స్ మీ సైట్ నుండి బయటకు బయలుదేరకుండా ఉండగలరు.
- అదే పేజీలో వివిధ స్థానాలకు లింకులు కనుగొనుట
- ఈ ఉదాహరణ డాక్యుమెంట్ యొక్క మరొక భాగానికి లింకును కనుగొనే పద్ధతిని ప్రదర్శిస్తుంది
- ఫ్రేమ్స్ నుండి బయటకు బయలుదేరండి
- ఈ ఉదాహరణ ఫ్రేమ్స్ లోపల పేజీ పట్టించబడినప్పుడు ఫ్రేమ్స్ నుండి బయటకు నడిచే పద్ధతిని ప్రదర్శిస్తుంది.
- మెయిల్ లింకు సృష్టించండి
- ఈ ఉదాహరణ లింకును ఒక మెయిల్ కు చేర్చడాన్ని ప్రదర్శిస్తుంది. (ఈ ఉదాహరణ మెయిల్ క్లయింట్ ప్రోగ్రామ్ సంస్థాపించబడిన తర్వాత పని చేస్తుంది.)
- మెయిల్ లింకు 2 సృష్టించండి
- ఈ ఉదాహరణ సందర్భంలో సాధారణమైన మెయిల్ లింకులను ప్రదర్శిస్తుంది.
HTML లింకు టాగు
| టాగు | వివరణ |
|---|---|
| <a> | అంకురం నిర్వచించండి. |
- ముంది పేజీ HTML CSS
- తదుపరి పేజీ హెచ్టిఎంఎల్ చిత్రం
