أهلاً وسهلاً بك إلى الدرس الثاني عشر من دروس HTML. هذا الدرس سنتكلم عن جزء خاص من موضوع الإطارات وهو IFrames
يتكون من التاجين <iframe></iframe>
وفائدة هذا التاج أننا يمكن أن نستخدمه في اي جزء من صفحة الموقع الخاص بنا ، وذلك في حالة أننا نريد أن ندخل صفحة أخري تحتوي علي بعض المعلومات أو الصور أو أي بيانات ونحدد المساحة اللتي سوف تعرض فيها هذه الصفحة من حيث العرض والأرتفاع .
هيا فلنبدأ معاً لنتعلم كيف يمكن أن نستخدم هذا التاج
IFrames وما هي خصائصة .
الخاصية الأولي وهي src وهي تستخدم لندخل عنوان الصفحة اللتي نريد أن ننشئ لها هذا التاج وتكتب كالتالي :
<iframe src="frame/004.html"></iframe>
وإذا ما طبقناه تكون النتيجة هي
ثاني خاصية وهي خاصية العرض والأرتفاع .
<iframe src="frame/004.html" height="200" width="200"></iframe>
وإذا ما طبقنا هذا الأختيار أن نعطي العرض 200 والأرتفاع أو الطول 200 ستكون النتيجة
|
|
أيظاً الخاصية frameborder وهي خاصة بتحديد فريم حول الإطار بحيث يكون مميز ومنفرد عن الصفحة أو إلغاء هذا الفريم فيصبح الإطار جزء موحد مع الصفحة لا يفصلهم شيء .
وأيظاً خاصية scrolling والتي تسمح بخاصية الأسكرول بار بحيث أنه إذا كات محتويات الصفحة أكبر من حجم الإطار المحدد ففي هذه الحالة نسمح بظهور الأسكرول بار لنستطيع مشاهدة باقي محتويات الصفحة سواء كانت الزيادة بالطول أو بالعرض فيظهر الأسكرول بار الأفقي أو الرأسي .
وخاصية name واللتي شرحناها بالتفصيل في الدرس السابق
والتي تسخدم مع خاصية target وذلك لتحديد مكان فتح الصفحة أو الصورة التي يشير إليها اللينك سواء كان في صفحة جديدة أو في نفس الصفحة أو في الإطار الذي سوف نضع أسمه وسيكون هو نفس الأسم الذي قد أعطينها كقيمة للخاصية name وفي المثال هنا قد سمينا الإطار بإسم myiframe وقد أعطيناه للخاصية target في اللينك وكما قلت للمزيد من التوضيح يمكنك مراجعة المثال السابق .
وخاصية align واللتي تحدد مكان الكلام بالنسبة للإطار بحيث يظهر الكلام عند أعلي الإطار أو في المنتصف أو بالأسفل وكما هو ظاهر في التطبيق التالي وقد ظهر الكلام وهو في الحقيقة لينك ( Test Linke) وقد ظهر بالمنتصف وذلك لأني أعطيت الخاصية align القيمة middle
فلو أخترنا أن نطبق هذه الخواص ونعطيها قيم كالتالي :
|
<iframe src="frame/004.html" height="200" width="200" scrolling="no" frameborder="0" name="myiframe" align="middle"></iframe>
ستكون النتيجة :
Test Linke
وبهذا عزيزي القارئ نكون قد أنتهينا من هذا الدرس وتاج iframe هو أسهل وبعيد عن تعقيد نظام الإطارات وعملي .
أرجوك عزيزي طبق الدرس وجرب جميع خصائصة ولو هناك أي سؤال فأنا موجود بإذن الله .
