شرح عنصر 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; جعل الإطار بدون حدود
