HTML <img> src అట్టి పేరు
నిర్వచనం మరియు ఉపయోగం
అవసరమైనది src
అట్టి అట్టి పేరు వినియోగించబడుతుంది:
యూఆర్ఎల్ నిర్దేశించడానికి రెండు పద్ధతులు ఉన్నాయి: src
అట్టితో యూఆర్ఎల్ నిర్దేశించండి:
1. అబ్సోల్యూట్ యూఆర్ఎల్ - ఇతర సైట్లపై నిల్వచేసిన బాహ్య చిత్రాలకు లింక్. ఉదాహరణకు:
src="https://www.codew3c.com/images/img_girl.jpg"
మెరుగుదల:బాహ్య చిత్రాలు కాపీరైట్ రక్షితం ఉంటాయి. మీరు దాని ఉపయోగం కోసం అనుమతిని పొందలేకపోతే, కాపీరైట్ చట్టంపై విరుద్ధంగా చేయవచ్చు. మరియు మీరు బాహ్య చిత్రాన్ని నియంత్రించలేరు; అది స్వయంచాలకంగా తీసివేయబడవచ్చు లేదా మార్చబడవచ్చు.
2. రెలేటివ్ యూఆర్ఎల్ - స్థానిక స్టోరేజ్లో నిల్వచేసిన చిత్రాలకు లింక్.
ఇక్కడ, యూఆర్ఎల్ డొమైన్ ఉన్నారు. యూఆర్ఎల్ ప్రారంభంలో స్లాష్ లేకపోతే, అది ప్రస్తుత పేజీకి సంబంధించినది. ఉదాహరణకు:
src="img_girl.jpg".
యూఆర్ఎల్ ముందు స్లాష్ ఉన్నట్లయితే, అది డొమైన్ కు సంబంధించినది. ఉదాహరణకు:
src="/images/img_girl.jpg".
అనుష్ఠానం:ప్రాస్సీవ్ యూఆర్ఎల్స్ ఉపయోగించడం ఉత్తమం కావచ్చు. మీరు డొమైన్ మార్చినట్లయితే, క్షీణించిన లింక్స్ ఏర్పడకుండా ఉంటాయి.
మెరుగుదల:బ్రాసర్ చిత్రాన్ని కనుగొనలేకపోతే, క్షీణించిన లింక్ ఐకాన్ మరియు alt టెక్స్ట్ చూపిస్తుంది.
అనుష్ఠానం:డాక్యుమెంట్ నిర్వహణను సరళీకరించడానికి, రచయితలు మిత్రంగా చిత్ర ఫైల్స్ ను ఒక వేరే ఫోల్డర్లో నిల్వ చేస్తారు. మరియు ఈ డైరెక్టరీస్ పేరులు "pics" లేదా "images" వంటి పేర్లుగా పేరు పెట్టబడతాయి. కోడ్వీ తెలుగు ఆన్లైన్ ట్యూటోరియల్స్ లో, మా ఇంజనీర్లు అత్యంత ఉపయోగించే చిత్రాలను "i" ఫోల్డర్లో నిల్వ చేస్తారు, "i" అనేది "images" యొక్క సంక్షిప్త పేరు. ఇది పాత్రలను అత్యంత సరళీకరించడానికి ఉపయోగపడుతుంది.
ఉదాహరణ
ఈ ఉదాహరణలో, మేము పేజీలో కోడ్వీ తెలుగు కంపెనీ యొక్క ఇంజనీర్లు శంఖములు ప్రకృతి ప్రదేశంలో చిత్రం పట్టిన తులిప్పు చిత్రాన్ని ప్రవేశపెట్టాము. ఈ ఫైలు పేరు "eg_tulip.jpg" ఉంది, ఇది సర్వర్లో "i" ఫోల్డర్లో ఉంది. ఇది సోర్స్ కోడ్ ఉంది:
<img src="/i/eg_tulip.jpg" />
పై కోడ్ యొక్క ప్రభావం:

అనుష్ఠానం:మీరు మా ఆన్లైన్ పరీక్షా పరికరంలో ప్రయత్నించవచ్చుస్వయంగా ప్రయత్నించండిమీరు ఉదాహరణలో ఫైలు పేరును "eg_chinarose.jpg"గా మార్చితే, ఒక చీనపూసన చిత్రాన్ని చూడగలరు. ఇలా చేస్తారు:
సూత్రం:
<img src="/i/eg_chinarose.jpg" />
పై కోడ్ యొక్క ప్రభావం:

విధానం
<img src="URL">
గుణము విలువ
విలువ | వివరణ |
---|---|
URL |
చిత్రం యొక్క URL నిర్ధారించడానికి. సాధ్యమైన విలువలు:
|
బ్రాఉజర్ మద్దతు
చ్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఆపెరా |
---|---|---|---|---|
చ్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఆపెరా |
మద్దతు | మద్దతు | మద్దతు | మద్దతు | మద్దతు |