کاربرد تگ iframe در html + فیلم آموزشی
در این فیلم آموزشی از سایت آموزی جهت استفاده شما کاربران گرامی به بررسی تگ کاربردی iframe در html پرداخته ایم. با ما همراه باشید.
تگ iframe در HTML فیلم آموزشی
در ادامه می توانید فیلم آموزشی تگ iframe را در html تماشا بفرمایید:
تگ iframe در HTML به عنوان یکی از تگ های مهم و کاربردی در این سند محسوب می شود. در این مقاله از سایت آموزی شما همراهان گرامی را با تگ iframe و مقادیر مهم آن آشنا می کنیم.
کاربردهای مهم تگ iframe در HTML فیلم آموزشی
تگ iframe زمانی کاربرد دارد، که می خواهیم صفحه دیگری را در صفحه اصلی خود به نمایش در آوریم
همچنین از تگ iframe می توانیم در ساخت فریم ها یا قاب های درون خطی نیز استفاده کنیم. مورد استفاده دیگر تگ iframe در ساخت قاب جعبه ویدیو پلیر ها در اسناد html می باشد.
ساختار تگ iframe در HTML فیلم آموزشی
تگ iframe از جمله تگ هایی است که شامل یک تگ باز ( Opening Tag ) و یک تگ بسته ( Closing Tag ) می باشد. تگ iframe شامل یک سری Attribute های مهم درون خود می باشد، که بر روی تگ iframe کنترل دارند.
مهمترین خاصیت های تگ iframe در HTML فیلم آموزشی
- خاصیت src
- خاصیت width
- خاصیت height
- خاصیت frameborder
برای کسب اطلاعات بیشتر در مورد طراحی وب حتما به صفحه آموزش طراحی سایت سر بزنید.
1- خاصیت src در تگ iframe
یکی از صفات مهم در تگ iframe یک Attribute به نام src می باشد. خاصیت src در حقیقت مقداری برابر با آدرس صفحه هدف ( target ) می گیرد که قرار است در یک فریم در صفحه اصلی ما به نمایش در آید. البته خاصیت src در ساخت فریم ها یا قاب های درون خطی هم کاربرد دارد.
به مثال زیر توجه کنید:
<iframe src="https://siteamoozi.com"></iframe>
2- خاصیت width در تگ iframe
یکی دیگر از صفات مهم در تگ iframe ، خاصیت width می باشد. با خاصیت width درون تگ iframe و تعیین مقدار برای آن شما می توانید عرض یا پهنای فریم خود را مشخص کنید.
به مثال زیر توجه کنید:
<iframe src="https://Siteamoozi.com" width:"500px;"></iframe>
3- خاصیت height در تگ iframe
صفت مهم دیگر در تگ iframe در html خاصیتی به نام height می باشد. شما از طریق این خاصیت و تعیین مقدار برای آن به راحتی می توانید ارتفاع فریم یا قاب خود را مشخص کنید.
برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور
برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای آموزش طراحی سایت با HTML5 و CSS3 و jQuery
برای متخصص شدن در بهینه سازی و سئوی سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره آموزش سئو محتوا کاملا حرفه ای براساس آخرین آپدیت های گوگل
به مثال زیر توجه کنید:
<iframe src="https://Siteamoozi.com" width:"500px;" height:"400px;"></iframe>
4- خاصیت frameborder درون تگ iframe در html فیلم آموزشی
چنانچه قصد دارید border پیش فرض دور فریم ساخته شده شما حذف شود، از خاصیت frameborder و مقدار 0 استفاده کنید. تا border پیش فرض قاب مورد نظر شما حذف گردد.
به مثال زیر توجه کنید:
<iframe src="https://Siteamoozi.com" width:"500px;" height:"400px;" frameborder="0"></iframe>
پیوندهای مهم و کاربردی
تگ های HTML در سایت آموزی | تگ های جدید HTML5 در سایت آموزی | صفات تگ های HTML در سایت آموزی | تگ های منسوخ شده HTML5 در سایت آموزی | تگ های block level و inline level در سایت آموزی | تگ های HTML در W3school | ویژگی های CSS در سایت آموزی | ویژگی های CSS در W3schools
تگ iframe در html فیلم آموزشی قاب درون خطی – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی
دیدگاهتان را بنویسید