تگ iframe در HTML خاصیت frameborder خاصیت height

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

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

تگ iframe در اچ تی ام ال

تگ iframe در HTML خاصیت frameborder خاصیت height - سایت آموزی

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

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

تگ iframe در HTML خاصیت frameborder خاصیت height - سایت آموزی

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

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

ساختار عنصر iframe در سند اچ تی ام ال

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

۳- خاصیت height در تگ iframe درون سند اچ تی ام ال

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

تگ های HTML در W3school

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

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

تگ iframe در HTML خاصیت frameborder خاصیت height – اختصاصی سایت آموزی