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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

پیوندهای مهم و کاربردی

تگ های HTML در سایت آموزی

تگ های جدید HTML5 در سایت آموزی

صفات تگ های HTML در سایت آموزی

تگ های منسوخ شده HTML5 در سایت آموزی

تگ های block level و inline level در سایت آموزی

تگ های HTML در W3school

ویژگی های CSS در سایت آموزی

ویژگی های CSS در W3schools

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