రచయిత:
Christy White
సృష్టి తేదీ:
12 మే 2021
నవీకరణ తేదీ:
1 జూలై 2024
![HTMLలో లింక్గా చిత్రాన్ని ఎలా ఉపయోగించాలి](https://i.ytimg.com/vi/D6aHo1VvCc8/hqdefault.jpg)
విషయము
- అడుగు పెట్టడానికి
- 2 యొక్క పద్ధతి 1: HTML కోడ్ను వ్రాయండి
- 2 యొక్క 2 విధానం: HTML కోడ్ను అర్థం చేసుకోండి
HTML కోడ్ యొక్క ఒకే పంక్తితో, మీరు క్లిక్ చేయగల చిత్రాన్ని దాదాపు ఏ వెబ్సైట్కైనా జోడించవచ్చు. మీరు ఈ పని చేయడానికి రెండు విషయాలు అవసరం. మీకు చిత్రం కోసం ఒక URL అవసరం మరియు వెబ్సైట్ యొక్క URL కూడా అవసరం.
అడుగు పెట్టడానికి
2 యొక్క పద్ధతి 1: HTML కోడ్ను వ్రాయండి
ఒక HTML ఫైల్ను సృష్టించండి. టెక్స్ట్ ఎడిటర్ను తెరిచి, ఆపై క్రొత్త ఫైల్ను సృష్టించండి. ఫైల్ను index.html గా సేవ్ చేయండి.
- Windows మీకు కావలసిన టెక్స్ట్ ఎడిటర్, విండోస్ (నోట్ప్యాడ్) మరియు మాక్ ఓఎస్ ఎక్స్ (టెక్స్ట్ ఎడిట్) యొక్క సాధారణ టెక్స్ట్ ఎడిటర్లను కూడా ఉపయోగించవచ్చు.
- HTML మీరు HTML తో పనిచేయడానికి ఉద్దేశించిన టెక్స్ట్ ఎడిటర్ను ఉపయోగించాలనుకుంటే, విండోస్, మాక్ ఓఎస్ ఎక్స్ మరియు లైనక్స్ కోసం టెక్స్ట్ ఎడిటర్ అటామ్ను డౌన్లోడ్ చేయడానికి ఇక్కడ క్లిక్ చేయండి.
- Text మీరు టెక్స్ట్ ఎడిట్ ఉపయోగిస్తుంటే, HTML ఫైల్ను సృష్టించే ముందు ఫార్మాట్ మెను క్లిక్ చేసి, ఆపై సాదా టెక్స్ట్ చేయండి క్లిక్ చేయండి. ఈ సెట్టింగ్ వెబ్ బ్రౌజర్లో HTML ఫైల్ సరిగ్గా లోడ్ అవుతుందని నిర్ధారిస్తుంది.
- Word మైక్రోసాఫ్ట్ వర్డ్ వంటి వర్డ్ ప్రాసెసర్లు HTML రాయడానికి నిజంగా మంచివి కావు, ఎందుకంటే అవి HTML ఫైల్ను పాడుచేయగల మరియు వెబ్ బ్రౌజర్లో తప్పుగా ప్రదర్శించబడే అదృశ్య అక్షరాలు మరియు ఆకృతీకరణలను జోడిస్తాయి.
ప్రామాణిక HTML కోడ్ను కాపీ చేసి పేస్ట్ చేయండి. దిగువ HTML కోడ్ను ఎంచుకుని, కాపీ చేసి, మీ తెరిచిన index.html లో అతికించండి.
a href = "target url"> img src = "image url" /> / a>
మీ చిత్రం యొక్క URL ను కనుగొనండి. వెబ్లో ఒక చిత్రాన్ని కనుగొనండి, దాన్ని కుడి క్లిక్ చేసి (మీ బ్రౌజర్ని బట్టి) చిత్ర URL ని కాపీ చేయండి, చిత్ర చిరునామాను కాపీ చేయండి లేదా చిత్ర స్థానాన్ని కాపీ చేయండి.
- • ఫైర్ఫాక్స్ మరియు ఇంటర్నెట్ ఎక్స్ప్లోరర్ యూజ్ కాపీ ఇమేజ్ లొకేషన్. Chrome కాపీ చిత్రం URL ని ఉపయోగిస్తుంది. సఫారి కాపీ కాపీ చిరునామాను ఉపయోగిస్తుంది.
చిత్రం యొక్క URL ని జోడించండి. Index.html ఫైల్లో, మీ మౌస్తో చిత్రంలోని URL ని ఎంచుకోవడానికి క్లిక్ చేసి లాగండి, ఆపై URL ని అతికించడానికి CTRL + V నొక్కండి.
లక్ష్య URL ను జోడించండి. Index.html లో లక్ష్య url ని తొలగించి టైప్ చేయండి https://www.startpage.com.
- URL మీరు ఏదైనా URL ను లక్ష్య URL గా ఉపయోగించవచ్చు.
HTML ఫైల్ను సేవ్ చేయండి.
వెబ్ బ్రౌజర్లో HTML ఫైల్ను తెరవండి. Index.html పై కుడి క్లిక్ చేసి, ఆపై మీకు నచ్చిన వెబ్ బ్రౌజర్లో ఈ ఫైల్ను తెరవండి.
- The బ్రౌజర్ తెరిచినా, మీరు చిత్రాన్ని చూడకపోతే, మీరు index.html ఫైల్లో ఇమేజ్ ఫైల్ పేరును సరిగ్గా స్పెల్లింగ్ చేశారని నిర్ధారించుకోండి.
- The బ్రౌజర్ తెరిచినప్పుడు, కానీ నేపథ్య చిత్రానికి బదులుగా మీరు HTML కోడ్ను చూస్తే, మీ index.html .rtf ఫైల్ (రిచ్ టెక్స్ట్ ఫైల్) గా సేవ్ చేయబడుతుంది. మరొక టెక్స్ట్ ఎడిటర్లో HTML ఫైల్ను సవరించడానికి ప్రయత్నించండి.
2 యొక్క 2 విధానం: HTML కోడ్ను అర్థం చేసుకోండి
యాంకర్ ట్యాగ్ అర్థం చేసుకోండి. HTML కోడ్ ట్యాగ్లను తెరవడం మరియు మూసివేయడం కలిగి ఉంటుంది. ఒక href = ""> ట్యాగ్ ప్రారంభ ట్యాగ్, మరియు / a> ముగింపు ట్యాగ్. దీనిని యాంకర్ ట్యాగ్ అని పిలుస్తారు మరియు వెబ్ పేజీకి లింక్లను జోడించడానికి ఉపయోగిస్తారు.
- ది a లింక్ను సృష్టించమని బ్రౌజర్కు చెబుతుంది. ది href HTML సూచన కోసం సంక్షిప్తీకరణ, ది = మధ్య ఉన్న ప్రతిదాన్ని మార్చమని బ్రౌజర్కు చెబుతుంది ’ ’ లింక్ను సృష్టించండి. ఏదైనా URL ను రెండు కొటేషన్ మార్కుల మధ్య ఉంచవచ్చు.
- ది / a> యాంకర్ ట్యాగ్ మూసివేయబడిందని బ్రౌజర్కు చెబుతుంది.
- మీరు మధ్య వచనాన్ని జోడించినప్పుడు a href = ""> మరియు / a> ఆ వచనం వెబ్ పేజీలో క్లిక్ చేయగల లింక్ అవుతుంది. ఉదాహరణకి: a href = "https://www.google.com"> గూగుల్ / ఎ> Google కి లింక్ను సృష్టిస్తుంది.
చిత్ర ట్యాగ్ను అర్థం చేసుకోండి. Img> ట్యాగ్ క్లోజ్డ్ ట్యాగ్. మీరు దీన్ని img src = "" /> లేదా img src = ""> / img> తో మూసివేయవచ్చు.
- ది img ట్యాగ్ చిత్రాన్ని ప్రదర్శించడానికి బ్రౌజర్కు చెబుతుంది. ది src మూలం యొక్క సంక్షిప్తీకరణ, డి = మధ్య ఉన్న ప్రతిదాన్ని తొలగించమని బ్రౌజర్కు చెబుతుంది ’ ’ మరియు ఆ స్థానం నుండి చిత్రాన్ని తిరిగి పొందండి.
- ది /> ఇమేజ్ ట్యాగ్ను మూసివేయమని బ్రౌజర్కు చెబుతుంది.
- ఉదాహరణకు: URL samp [URL ఆ URL నుండి చిత్రాన్ని పొందుతుంది, ఆపై దాన్ని వెబ్ బ్రౌజర్లో ప్రదర్శిస్తుంది.
ఈ కోడ్ను ప్రతిచోటా ఉపయోగించండి. ఇప్పుడు మీకు ఈ కోడ్ తెలుసు, మీరు చేయవచ్చు a href = "target url"> img src = "image url" /> / a> HTML కోడ్తో ఏదైనా వెబ్ పేజీకి క్లిక్ చేయగల చిత్రాలను జోడించడం కోసం.