تگ img و نمایش تصاویر با html
تگ img و نمایش تصاویر با html | درج عکس در html
در این مقاله از سایت آموزی جهت استفاده شما همراهان گرامی در مورد تگ img و نمایش تصاویر با html توضیحاتی را ارائه می نماییم.
عنصر img و نمایش تصاویر با html
تگ img ، یکی از پرکاربردترین ترین تگ ها در زبان html به حساب میاد.
شما اگر بخواهید در مرورگرتون عکسی به نمایش در بیاد ، باید از تگ img استفاده کنید.
img از جمله تگ های self closing tag یا تگ تکی محسوب میشه. که در مقاله مفهوم تگ در زبان html توضیح دادم.
تگ پرکابرد img دارای چندین اسم خصوصیت ( ATTRIBUTE NAME ) و مقدار خصوصیت ها ( ATTRIBUTE VALUE ) هستش.
یکی از مهمترین اسم خصوصیت های این تگ ، خصیصه src هست.
این خصوصیت برابر با آدرس تصویری است که در مروگر نمایش داده میشه.
یعنی پس از src و = شما مسیر عکسی که میخواهید در مرورگرتون نشون داده بشه رو داخل یک دبل کوتیشن (“”) قرار می دید.
اگر آدرس عکستون رو درست به مقدار این خصوصیت بدید ، تصویرتون در مرورگر نمایش داده میشه.
تگ img و نمایش تصاویر با html | درج عکس در html
تصاویر در پست های مختلف از طریق کد html به نام img ساخته میشن.
اگر سئوی یک عکس برای شما اهمیت داره حتما باید از خصوصیت alt هم استفاده کنید.
خصوصیت alt یک مقدار میگیره که در واقع میتونه اسمی برای اون عکس باشه.
در واقع یه زمانی اگر به هر دلیلی عکس شما لود نشه یا حذف بشه و یا مسیرش تغییر کرده باشه و در مرورگرتون به نمایش درنیاید، اسمی که در ویژگی alt براش تعریف کردید نمایش داده میشه.
استفاده از ویژگی alt برای خزش بهتر موتور جستجو روی عکس ها بسیار مهمه. لذا حتما در تصاویرتون از این اتریبیوت استفاده کنید.
البته img همونطور که خدمتتون عرض کردم ، دارای چندین خصوصیت هستش ،
در جلسه بعدی کلیه خصوصیت های img رو برای شما همراهان گرامی معرفی میکنم.
پیوندهای مهم و کاربردی
تگ های جدید HTML5 در سایت آموزی
صفات تگ های HTML در سایت آموزی
تگ های منسوخ شده HTML5 در سایت آموزی
تگ های block level و inline level در سایت آموزی
تگ img و نمایش تصاویر با html | درج عکس در html – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی
دیدگاهتان را بنویسید