سینا صالحی فرد 29 اردیبهشت 1393 3 4460 بازدید آموزش HTML
فیلم آموزشی آشنایی با تگ object در HTML

یکی از نکاتی که دنیای وب را تا این حد پرطرفدار کرده، این حقیقت است که شما می توانید تصاویر متحرک، فایل های صوتی و فیلم ها را به صفحات وب خود اضافه (embed) کنید. برای اضافه کردن فایل های PDF, Flash, Java Applet و فایل های ویدئویی، صوتی و همچینین صفحات وب (web page)، از تگ object در بین کدهای html استفاده می کنیم. با یادگیری این تکنیک، وارد مرحله ای جدیدی در فرآیند آموزش طراحی سایت خودتان خواهید شد.

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

برای دانلود فیلم آموزشی و اسنیپت های آموزش مربوطه از لینک های زیر استفاده کنید :

دسترسی به این بخش مخصوص اعضاست. شما می توانید به رایگان عضو شوید و به این بخش دسترسی داشته باشید. ورود / عضویت

دسترسی سریع :

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

Object

به وسیله این تگ می توانیم عناصری مانند فایل تصویری، صوتی، appletهای جاوا، pdf ،flash ،mp3 و … در صفحه وب خود تعریف و اضافه کنیم.


<object></object>

 

تگ object دارای opening tag  و closing tag می باشد که صفات زیر را شامل می شود :

  • Width برای تنظیم طول به کار می رود. ( بدون واحد پیکسل نوشته میشود.)
  • Height برای تنظیم ارتفاع به کار می رود. ( بدون واحد پیکسل نوشته میشود.)
  • Type نوع فایل را مشخص می کند.
  • Data

نکته : تعریف صفت type یا data الزامی است.

قرار دادن متن در بین تگ object باعث می شود زمانی که فایل به هردلیلی اجرا نشود، این متن به عنوان پیغام برای کاربر نمایش داده شود.


<object>متن مورد نظر</object>

مثال :

یک فایل pdf و یک فایل flash در کنار فایل html خود داریم که می خواهیم آن را در مرورگر اجرا می کنیم :


<object width="300" height="100" type="" data="flash.swf"></object>

<object width="300" height="600" type="" data="http://onliner.ir"></object>

<object width="300" height="600" type="" data="book.pdf"></object>

 

object

کدها به ترتیب اجرا میشوند : ابتدا فایل فلش سپس سایت آنلاینر و در آخر فایل pdf نمایش داده میشوند.

توجه کنید بهتر است برای فایل mp3 و mp4 و… از کد هایی که در html5 منتشر شده اند استفاده کنید که در آموزش های آینده روش استفاده از آن ها را برای شما توضیح خواهیم داد.

نکته : برای نمایش تصاویر از تگ img استفاده کنید.

دسترسی سریع :

نظرات کاربران (3)



  1. mojtaba1378

    با عرض سلام و خسته نباشید.
    ببخشید اگه میشه فایل سمپل فلش رو هم برای دانلود بگذارید.

  2. monttaghemeh_karrar

    سلام و وقت بخیر.
    گویا فایل این جلسه حذف شده، درسته؟
    اگه اینطوره از کجا میتونیم دانلودش کنیم؟

    • گروه آموزش طراحی سایت

      با عرض سلام و احترام خدمت شما
      لطفا مجدد اقدام به دانلود بفرمایید؛ مشکلی موقت بوده است که برطرف شده است.