HTML
src 属性
定义和用法
必需的 src
属性规定图像的 URL。
有两种方法可以在 src
属性中指定 URL:
1. 绝对 URL - 链接到托管在其他网站上的外部图像。例如:
src="https://www.codew3c.com/images/img_girl.jpg"
توجہ:外部图像可能受版权保护。如果您没有获得使用它的许可,可能会违反版权法。此外,您无法控制外部图像;它可能会突然被移除或更改。
2. 相对 URL - 链接到托管在网站内部的图像。
在这里,URL 不包括域名。如果 URL 开头没有斜杠,它将相对于当前页面。例如:
src="img_girl.jpg"。
如果 URL 以斜杠开头,它将相对于域名。例如:
src="/images/img_girl.jpg"。
ਸੁਝਾਅ:可能最好还是使用相对 URL。如果您更改域名,则不会产生断链。
توجہ:اگر براوزر تصویر کو نہ پائی، تو تارک لنک آئیکن اور alt متن دکھائی دیتا ہے.
ਸੁਝਾਅ:دستاویز کی ذخیرہ کی ترتیب کی وجہ سے، مصنفین عام طور پر تصویر فائل کو ایک علیحدہ فائل فولدر میں رکھتے ہیں، اور عام طور پر ان فولدر کو "pics" یا "images" جیسے نام دیتے ہیں. کاودوو3 سی کوم آن لائن تعلیمی میں، ہمارے انجینئر زیادہ تر عام تصاویر کو ایک نام کا فائل فولدر "i" میں رکھتے ہیں، جو "images" کا اختصار ہے، اس کار کا فائدہ سمت کو زیادہ سے زیادہ سادہ بنانا ہے.
مثال
در انگریزی مثال میں، ہم پیج میں کاودوو3 سی کوم کے انجینئر کی شانگهای خوشبو گنج میں کئی تونس کی تصویر داخل کردیم، اس تصویر کا نام "eg_tulip.jpg" رکھا گیا ہے، سرور پر "i" فائل فولدر میں رکھی گئی ہے. یہ سورس کوڈ ہے:
<img src="/i/eg_tulip.jpg" />
ਉੱਪਰੋਕਤ ਕੋਡ ਦਾ ਪ੍ਰਭਾਵ:

ਸੁਝਾਅ:ਤੁਸੀਂ ਸਾਡੀ ਆਨਲਾਈਨ ਟੈਸਟ ਟੂਲ ਵਿੱਚਆਪਣੇ ਅਧਿਕਾਰ ਨਾਲ ਕੋਸ਼ਿਸ਼ ਕਰੋ، ਅਗਰ ਤੁਸੀਂ ਉਦਾਹਰਣ ਵਿੱਚ ਫਾਈਲ ਨਾਮ ਨੂੰ "eg_chinarose.jpg" ਬਦਲ ਦੇਓ ਤਾਂ ਤੁਸੀਂ ਇੱਕ ਮਹਿਲਾ ਫੂਲ ਦੀ ਤਸਵੀਰ ਦੇਖ ਸਕੋਗੇ। ਇਸ ਤਰ੍ਹਾਂ ਹੀ:
ਸਰੋਤ ਕੋਡ:
<img src="/i/eg_chinarose.jpg" />
ਉੱਪਰੋਕਤ ਕੋਡ ਦਾ ਪ੍ਰਭਾਵ:

ਗਰੰਥ
<img src="URL">
ਗੁਣ ਮੁੱਲ
ਮੁੱਲ | ਵਰਣਨ |
---|---|
URL |
ਚਿੱਤਰ ਦੀ ਯੂਰਲ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。 ਸੰਭਵ ਮੁੱਲ:
|
ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ
ਚਰਮੋਇਲ | ਐਜ਼ਡ | ਫਾਇਰਫਾਕਸ | ਸੈਫਾਰੀ | ਓਪਰਾ |
---|---|---|---|---|
ਚਰਮੋਇਲ | ਐਜ਼ਡ | ਫਾਇਰਫਾਕਸ | ਸੈਫਾਰੀ | ਓਪਰਾ |
ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ |