آموزش HTML

آموزش کامل تگ img

آموزش کامل و کاربردی استفاده از تگ به همراه تصاویر و نمونه برای درک بیشتر

برای شروع طراحی سایت شما باید با HTML اشنایی داشته باشید که اگر خوب کار کنید قطعا در 2 الی 3 هفته آن را کامل یاد خواهید گرفت.یکی از مهمترین تگ هایی که می توانید در صفحات خود استفاده کنید,تگ <img> می باشد.پس با ما همراه باشید و آموزش کامل تگ img!

تگ <img> چیست و چه کاربردی دارد

از تگ ایمیج (img) برای جاسازی یک تصویر درون یک صفحه HTML استفاده می شود.دقت داشته باشید که از این تگ تنها برای ارجاع عکس و لود کردن آن از سرور به کار می رود و مانند یک جعبه نگهدارنده عمل می کند. این تگ جزو معدود تگ های HTML می باشد که تنها باز می شود,یعنی چیزی به شکل <img/> نداریم!


ترکیب کلی تگ img به شکل زیر می باشد که تنها وجود src برای لینک دادن تصویر ضروری است و بدون وجود بقیه موارد,تصویر شما فراخوانی خواهد شدو

Src برای لینک دادن تصویر از کامپیوتر یا سرور مورد نظر و فراخوانی آن در صفحه HTML به کار می رود.

Alt متن جایگزین تصویر می باشد که تاثیر زیادی در سئو و ایندکس شدن تصاویر سایت شما در موتورهای جستجو دارد.

طراحی سایت در کرج

Width هم برای تعیین عرض تصویر به کار می رو که می توانید از آن در استایل تصویر مورد نظر هم استفاده کنید.

Height هم همانطور که از اسمش پیداست,تعیین کننده ارتفاع تصویر شما خواهد بود و این هم مانند عرض می تواند در استایل به کار رود.

برای درک بیشتر شما عزیزان یکی از تصاویر همین صفحه را که در سرور سایت بارگذاری شده است را برای شما آورده ایم.همانطور که مشاهده می کنید این تگ در سایت ویژگی Alt را ندارد و برای این کار باید از بخش رسانه > کتابخانه به آن اضافه کنید.

این آموزش مربوط به HTML پایه می باشد و در جلسات آینده بیشتر این مبحث را برای شما عزیزان باز خواهیم کرد.اگر سوالی دارید می توانید از بخش نظرات بپرسید تا کارشناسان گروه وبری به آن پاسخ دهند.

برچسب ها

Alizeynali

سلام من علی محمد زینالی,مدیر و موسس شرکت وبری و متولد سال 1377.از بچگی علاقه زیادی به کار با کامپیوتر داشتم که با بازی شروع شد و رسید به سئو و برنامه نویسی! خیلی دوست دارم چیزایی که یاد گرفتم رو به بقیه هم منتقل کنم و این هم باعث پیشرفت شما میشه و هم من بهتر نکات رو یادم میمونه.امیدوارم از مطالبی که براتون می نویسم راضی باشید. Good Luck

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا
بستن
بستن