الكود المستخدم
من خلال إضافة هذا العنصر يمكننا عرض أى صفحة ويب من مواقع أخرى داخل موقعنا بسهولة وذلك من خلال إضافة الكود التالى واستبدال رمز # برابط الموقع أو الصفحة التى نريدها أن تظهر فى موقعنا
- <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; جعل الإطار بدون حدود
شرح عنصر iframe