شرح عنصر iframe

أهلا بكم في كود ويب
اليوم سوف اتطرق إلى شرح درس جديد من دروس html وشرح عنصر iframe
هذا العنصر يمكن من خلاله تضمين صفحات ومواقع الانترنت داخل موقعك أو داخل إحدى صفحاتك ومن ثم يقوم بظهور الموقع أو الصفحة التى تريدها فى موقعك أو صفحتك

الكود المستخدم

من خلال إضافة هذا العنصر يمكننا عرض أى صفحة ويب من مواقع أخرى داخل موقعنا بسهولة وذلك من خلال إضافة الكود التالى واستبدال رمز # برابط الموقع أو الصفحة التى نريدها أن تظهر فى موقعنا
    <iframe src="#"></iframe>

مثال

    <iframe src="http://code-wap.blogspot.com.eg/search/label/html" style='width:100%; height:500px; border:none;'></iframe>

النتيجة

خصائص

كما شاهدنا فى المثال السابق قمنا بعرض صفحة إحدى أقسام موقعنا وقمنا بإضافة خاصية width والقيمة 100% ليصبح الإطار بعرض الصفحة ، وأيضا أضفنا خاصية height والقيمة 500 بيكسل ليصبح ارتفاع الإطار 500 بيكسل ، وأيضاً استخدمنا خاصية border والقيمة none أى جعل الإطار بدون حدود ظاهرة
    width:100%; جعل الإطار بنسبة 100% أى بعرض الصفحة ويمكن التحكم به كما نريد
    height:500px; جعل ارتفاع الإطار بنسبة 400 بيكسل ويمكن أن نتحكم به كما نريد
    border:none; جعل الإطار بدون حدود