دنیای برنامه نویسی و اپلیکیشن

baner-telegram
شما اینجا هستید : صفحه اول » طراحی سایت » آموزش HTML » فیلم آمورش HTML ( کار با تگ img و شناسه های آن )
فیلم آمورش HTML ( کار با تگ img و شناسه های آن )

فیلم آمورش HTML ( کار با تگ img و شناسه های آن )

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

تگ img یک تگ بدون فرزند هستش و مهم ترین شناسه آن Src ( مخخف سورس ) هستش ، این شناسه مسیر عکس مارو مشخص می کنه ، حالا نحوه ی آدرس دهی این مسیر هم مهم هستش ، یعنی آدرس دهی عکس زمانی که در کنار فایل HTML هست با زمانی که عکس در یه پوشه یا در یک دایرکتوری دیگر هست فرق میکنه .

تگ img  و شناسه Src به صورت زیر استفاده میشه ، زمانی که عکس در کنار فایل html قرار داشته باشه :

در کد بالا به جای picture اسم عکس خودتون رو بنویسید و اگه پسوندش فرق داشت به جای jpg پسوند عکستون رو بنویسید .

آدرس دهی مطلق در تگ img

زمانی از این آدرس دهی استفاده می کنیم که فایل در یک پوشه و عکس مورد نظر ما در یک پوشه دیگر قرار داشنه باشه .

عکس در پوشه و کنار فایل HTML

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

عکس یه مسیر عقب تر از فایل html

با قرار دادن دو تا نقطه میاد یه مسیر عقب تر رو می خونه و عکس رو لود می کنه .

شناسه Width در تگ img

این شناسه طول عکس رو مشخص میکنه ، که مقادیر اون رو به صورت پیکسل و درصد می نویسیم :

شناسه Height در تگ img

این شناسه ارتفاع عکس رو مشخص می کنه ، و مقادیر اون به صورت پیکسل و درصد هستش :

شناسه alt در تگ img

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

این شناسه هم این طور به خزندگان یا ربات های موتور های جستجو هم کمک میکنه در شناسایی عکس شما .

شناسه Title در تگ img

مقدار این شناسه رو هم باید خوتون بنویسید مثلاً اگر خواستید در مورد عکسی یکم اطلاعات به کاربر بدید می تونید از این شناسه استفاده کنید ، زمانی که از این شناسه استفاده کردید و کاربر نشانگر موس رو روی عکس نگه داشت اون توضیحات به کاربر نشون داده می شود .

شناسه Border

مقدار این شناسه به صورت px ( پیکسل ) هستش و حاشیه ایی دور عکس به وجود میاره . در فسمت های آتی با این شناسه بیش تر آشنا می شید .

   فیلم آموزش HTML کار با تگ img رو می تونید از لینک زیر دانلود کنید . 

پیشنهاد می کنیم حتما بخوانید :

درباره : رضا طوماری

دانشجوی رشته نرم افزار ، عاشق برنامه نویسی

نظرات کاربران :



جواب سوال چیه ؟ *