تگ img و نمایش تصاویر با html | نمایش عکس | عکس در html | کد img

در این مقاله از سایت آموزی جهت استفاده شما همراهان گرامی در مورد تگ img و نمایش تصاویر با html توضیحاتی را ارائه می نماییم.

تگ img و نمایش تصاویر با html

تگ img ، یکی از پرکاربردترین ترین تگ ها در زبان html به حساب میاد.

شما اگر بخواهید در مرورگرتون عکسی به نمایش در بیاد ، باید از تگ img استفاده کنید.

تگ img و نمایش تصاویر با html | نمایش عکس | عکس در html | کد img

تگ img و نمایش تصاویر با html | نمایش عکس | عکس در html | کد img

img از جمله تگ های self closing tag یا تگ تکی محسوب میشه. که در مقاله مفهوم تگ در زبان html توضیح دادم.

تگ پرکابرد img دارای چندین اسم خصوصیت ( ATTRIBUTE NAME ) و مقدار خصوصیت ها ( ATTRIBUTE VALUE ) هستش.

یکی از مهمترین اسم خصوصیت های این تگ ، خصیصه src هست.

این خصوصیت برابر با آدرس تصویری است که در مروگر نمایش داده میشه.

یعنی پس از src و = شما مسیر عکسی که میخواهید در مرورگرتون نشون داده بشه رو داخل یک دبل کوتیشن (“”) قرار می دید.

اگر آدرس عکستون رو درست به مقدار این خصوصیت بدید ، تصویرتون در مرورگر نمایش داده میشه.

تصاویر در پست های مختلف از طریق کد html به نام img ساخته میشن.

اگر سئوی یک عکس برای شما اهمیت داره حتما باید از خصوصیت alt هم استفاده کنید.

خصوصیت alt یک مقدار میگیره که در واقع میتونه اسمی برای اون عکس باشه.

در واقع یه زمانی اگر به هر دلیلی عکس شما لود نشه یا حذف بشه و یا مسیرش تغییر کرده باشه و در مرورگرتون به نمایش درنیاید، اسمی که در ویژگی alt براش تعریف کردید نمایش داده میشه.

استفاده از ویژگی alt برای خزش بهتر موتور جستجو روی عکس ها بسیار مهمه. لذا حتما در تصاویرتون از این اتریبیوت استفاده کنید.

البته img همونطور که خدمتتون عرض کردم ، دارای چندین خصوصیت هستش ،

در جلسه بعدی کلیه خصوصیت های img رو برای شما همراهان گرامی معرفی میکنم.

نمایش تصاویر با html | نمایش عکس | عکس در html | کد img – اختصاصی سایت آموزی