جستجو برای:
  • صفحه اصلی
  • دوره های آموزشی
    • آموزش سئو محتوا جدید 1401
    • آموزش رایگان وردپرس 1401
    • آموزش رایگان HTML و CSS
    • دوره طراحی سایت فرانت اند
    • دوره طراحی سایت با وردپرس
    • دوره جامع برنامه نویسی PHP
  • انجمن سایت آموزی
  • مقالات سایت آموزی
  • تماس با سایت آموزی
  • 09366806011
  • siteamoozi[at]gmail.com
  • آموزش طراحی سایت
  • آموزش وردپرس
سایت آموزی
  • صفحه اصلی
  • دوره های آموزشی
    • آموزش سئو محتوا جدید 1401
    • آموزش رایگان وردپرس 1401
    • آموزش رایگان HTML و CSS
    • دوره طراحی سایت فرانت اند
    • دوره طراحی سایت با وردپرس
    • دوره جامع برنامه نویسی PHP
  • انجمن سایت آموزی
  • مقالات سایت آموزی
  • تماس با سایت آموزی
0

ورود و ثبت نام

وبلاگ

سایت آموزی > مقالات سایت آموزی > طراحی سایت پیشرفته > فیلم های آموزشی > آموزش تصویری طراحی سایت > کاربرد تگ iframe در html + فیلم آموزشی

کاربرد تگ iframe در html + فیلم آموزشی

مرداد 9, 1399
ارسال شده توسط سایت آموزی
html ، آموزش تصویری طراحی سایت
399 بازدید

کاربرد تگ iframe در html + فیلم آموزشی قاب درون خطی

برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 و jQuery

در این فیلم آموزشی از سایت آموزی جهت استفاده شما کاربران گرامی به بررسی تگ کاربردی iframe در html پرداخته ایم. با ما همراه باشید.

کاربرد تگ iframe در HTML + فیلم آموزشی

در ادامه می توانید فیلم آموزشی تگ iframe را در html تماشا بفرمایید:

کاربرد تگ iframe در html + فیلم آموزشی قاب درون خطی - سایت آموزی

تگ iframe در HTML به عنوان یکی از تگ های مهم و کاربردی در این سند محسوب می شود.

در این مقاله از سایت آموزی شما همراهان گرامی را با تگ iframe و مقادیر مهم آن آشنا می کنیم.

برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور

برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 و jQuery

کاربردهای مهم تگ iframe در سند HTML

تگ iframe زمانی کاربرد دارد، که می خواهیم صفحه دیگری را در صفحه اصلی خود به نمایش در آوریم.

کاربرد تگ iframe در html + فیلم آموزشی قاب درون خطی - سایت آموزی

همچنین از تگ iframe می توانیم در ساخت فریم ها یا قاب های درون خطی نیز استفاده کنیم.

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

ساختار تگ iframe در سند HTML

تگ iframe از جمله تگ هایی است که شامل یک تگ باز ( Opening Tag ) و یک تگ بسته ( Closing Tag ) می باشد.

تگ iframe شامل یک سری Attribute های مهم درون خود می باشد، که بر روی تگ iframe کنترل دارند.

مهمترین خاصیت های تگ iframe در سند HTML

  1. خاصیت src
  2. خاصیت width
  3. خاصیت height
  4. خاصیت frameborder

1- خاصیت src در تگ iframe

یکی از صفات مهم در تگ iframe یک Attribute به نام src می باشد.

خاصیت src در حقیقت مقداری برابر با آدرس صفحه هدف ( target ) می گیرد که قرار است در یک فریم در صفحه اصلی ما به نمایش در آید.

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

به مثال زیر توجه کنید:

[html]<iframe  src=”https://siteamoozi.com”></iframe>[/html]

2- خاصیت width در تگ iframe 

یکی دیگر از صفات مهم در تگ iframe ، خاصیت width می باشد.

با خاصیت width درون تگ iframe و تعیین مقدار برای آن شما می توانید عرض یا پهنای فریم خود را مشخص کنید.

به مثال زیر توجه کنید:

[html]<iframe  src=”https://Siteamoozi.com” width:”500px;”></iframe>[/html]

3- خاصیت height در تگ iframe

صفت مهم دیگر در تگ iframe خاصیتی به نام height می باشد.

شما از طریق این خاصیت و تعیین مقدار برای آن به راحتی می توانید ارتفاع فریم یا قاب خود را مشخص کنید.

برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور

برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 و jQuery

به مثال زیر توجه کنید:

[html]<iframe  src=”https://Siteamoozi.com” width:”500px;” height:”400px;”></iframe>[/html]

4- خاصیت frameborder در تگ iframe

چنانچه قصد دارید border پیش فرض دور فریم ساخته شده شما حذف شود، از خاصیت frameborder و مقدار 0 استفاده کنید. تا border پیش فرض قاب مورد نظر شما حذف گردد.

به مثال زیر توجه کنید:

[html]<iframe  src=”https://Siteamoozi.com” width:”500px;” height:”400px;” frameborder=”0″></iframe>[/html]

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

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

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

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

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

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

تگ های HTML در W3school

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

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

کاربرد تگ iframe در html + فیلم آموزشی قاب درون خطی – اختصاصی سایت آموزی

Table of Contents

  • کاربرد تگ iframe در HTML + فیلم آموزشی
  • کاربردهای مهم تگ iframe در سند HTML
  • ساختار تگ iframe در سند HTML
  • مهمترین خاصیت های تگ iframe در سند HTML
  • 1- خاصیت src در تگ iframe
  • 2- خاصیت width در تگ iframe 
  • 3- خاصیت height در تگ iframe
  • 4- خاصیت frameborder در تگ iframe
  • به مثال زیر توجه کنید:
      • پیوندهای مهم و کاربردی
    • کاربرد تگ iframe در html + فیلم آموزشی قاب درون خطی – اختصاصی سایت آموزی
اشتراک گذاری:
برچسب ها: آموزش کاربردی htmlآموزش کاربردی html5آموزش های htmlاچ تی ام التگزبان htmlطراحی سایت کاربردی
درباره سایت آموزی

علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب

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

مطالب زیر را حتما مطالعه کنید

تگ های html

فهرست جامع تگ های html + دانلود فایل pdf جدید 1401

کتاب آموزش html | دانلود کتاب آموزش html | دانلود کتاب آموزش html5

کتاب html

آموزش html

زبان نشانه گذاری html

مقالات مرجع آموزش HTML در سایت آموزی | آموزش جامع HTML | فیلم html

مقالات مرجع زبان HTML در سایت آموزی

صفت خصوصی accept در تگ input | ویژگی accept در html | صفت html

صفت خصوصی width در HTML

صفت خصوصی accept در تگ input | ویژگی accept در html | صفت html

صفت خصوصی type در HTML

قدیمی تر معرفی افزونه bbpress
جدیدتر کار با cpanel قسمت دوم + فیلم آموزشی

دیدگاهتان را بنویسید لغو پاسخ

5 × 1 =

دوره های آموزشی
دوره طراحی سایت فروشگاهی دوره طراحی سایت فروشگاهی
دوره طراحی سایت فرانت اند آموزش طراحی سایت فرانت اند
لوگوی معتبر پرداخت بانک اینترنتی پی لاین
لوگوی معتبر نماد اعتماد الکترونیک
لوگوی معتبر ساماندهی رسانه های دیجیتال
logo-samandehi
آخرین مقالات سایت آموزی
  • فهرست جامع تگ های html + دانلود فایل pdf جدید 1401
  • فهرست جامع ویژگی های CSS
  • دوره های جامع آموزش طراحی وب و سئو
  • کتاب html
  • زبان نشانه گذاری html
آخرین دیدگاه‌ها
  • سایت آموزی در صفت خصوصی rel در HTML
  • . در صفت خصوصی rel در HTML
  • سایت آموزی در آموزش HTML و CSS رایگان ، پروژه محور و کاربردی ( جدید 1401 )
  • Esmaeil Keyhan در آموزش HTML و CSS رایگان ، پروژه محور و کاربردی ( جدید 1401 )
  • محمد شاهی محمدی در ویژگی flex-wrap در css
تمامی حقوق برای سایت آموزی محفوظ می باشد.

ورود

پنج × یک =

رمز عبور را فراموش کرده اید؟

هنوز عضو نشده اید؟ عضویت در سایت