HTML <img> src property

HTML <img> تگ

تعریف و استفاده

ضروری src برای مشخص کردن URL تصویر استفاده می‌شود.

دو روش برای مشخص کردن URL در src URL را در属性 مشخص کنید:

1. URL‌های مطلق - به تصاویری که در سایر وب‌سایت‌ها میزبانی می‌شوند، لینک دهید. به عنوان مثال:

src="https://www.codew3c.com/images/img_girl.jpg"

توجه:تصاویر خارجی ممکن است تحت محافظت قانون کپی‌رایت باشند. اگر مجوز استفاده از آن‌ها را ندارید، ممکن است نقض قانون کپی‌رایت باشد. علاوه بر این، شما نمی‌توانید تصاویر خارجی را کنترل کنید؛ ممکن است ناگهان حذف یا تغییر شوند.

2. URL‌های نسبی - به تصاویری که در وب‌سایت داخلی میزبانی می‌شوند، لینک دهید.

در اینجا، URL شامل دامنه نیست. اگر URL با خط تیره آغاز نشود، آن URL نسب به صفحه جاری است. به عنوان مثال:

src="img_girl.jpg".

اگر URL با خط تیره آغاز شود، آن URL نسب به دامنه است. به عنوان مثال:

src="/images/img_girl.jpg".

تذکرہ:بهتر است از URL‌های نسبی استفاده کنید. اگر دامنه را تغییر دهید، پیوند شکسته ایجاد نمی‌شود.

توجه:اگر مرورگر نمی‌تواند تصویر را پیدا کند، نماد لینک خراب و متن alt را نمایش می‌دهد.

تذکرہ:برای سازماندهی ذخیره‌سازی مستندات، سازنده معمولاً فایل‌های تصویری را در یک پوشه جداگانه قرار می‌دهد و معمولاً این پوشه‌ها را به نام‌هایی مانند "pics" یا "images" نامگذاری می‌کند. در آموزش‌های آنلاین CodeW3C.com، مهندسین ما بیشتر تصاویر مورد استفاده را در پوشه‌ای به نام "i" ذخیره می‌کنند که "i" مخفف "images" است. این کار مزایای زیادی دارد که می‌تواند مسیرها را تا حد زیادی ساده کند.

مثال

در مثال زیر، ما یک تصویر از شقایق که توسط مهندسین CodeW3C.com در پارک گل‌های شانگهای گرفته شده است، در صفحه قرار می‌دهیم. نام فایل تصویر "eg_tulip.jpg" است که در پوشه "i" سرور قرار دارد. این کد منبع است:

<img src="/i/eg_tulip.jpg" />

مذکورہ کد کا اثر:


آپ خود سنجید

تذکرہ:آپ ہمارے آن لائن ٹیسٹ ابزار میںآپ خود سنجید، اگر آپ مثال میں فائل کا نام "eg_chinarose.jpg" میں تبدیل کریں تو ایک مونکا کا تصویر دیکھ سکتے ہیں جیسا کہ اس طرح:

مقابلہ کا کد:

<img src="/i/eg_chinarose.jpg" />

مذکورہ کد کا اثر:

قواعد

<img src="URL">

خصوصیت کا مقدار

مقدار وصف
URL

تصویر کی URL کا تعین کرتا ہے。

ممکنہ اقدار:

  • مکمل URL - دوسری وئب سائٹ کا حوالہ دیتا ہے (مثلاً src="http://www.example.com/image.gif")
  • نسبی URL - انسائیٹ کے اندر کا فائل کا حوالہ دیتا ہے (مثلاً src="image.gif")

بھرپائی برائی

کروم ایج فائرفاکس سافری آپریا
کروم ایج فائرفاکس سافری آپریا
مستند مستند مستند مستند مستند

HTML <img> تگ