توفر لغة ترميز النص التشعبي (HTML) القدرة على تقسيم الصفحة إلى عدة نوافذ - "إطارات". يمكن أن يكون لكل إطار مصدر الإنترنت الخاص به لعرضه. يمكن استخدام هذه الآلية لإدراج صفحات من مواقع أخرى في صفحات من موقعك.
انه ضروري
محرر نصوص المفكرة
تعليمات
الخطوة 1
كود HTML للصفحة عبارة عن مجموعة من الإرشادات للمتصفح تخبرنا عن مكان عرض كل عنصر من عناصره وكيف يجب أن يبدو على الصفحة. تسمى هذه الإرشادات "العلامات" ولإنشاء صفحة تحتوي على واحد أو أكثر من الإرشادات الأخرى ، تحتاج إلى كتابة مجموعة العلامات المناسبة. نبدأ بالعلامات التي تنشئ حاوية لجميع الإطارات على الصفحة:
هذه هي علامات الفتح والإغلاق للحاوية - يجب وضع العلامات التي تشكل الإطارات بينهما. في HTML ، تحتوي العلامات على "سمات" - فهي تحتوي على معلومات إضافية حول خصائص عنصر الصفحة ، والتي يحدد عرضها هذه العلامة. في علامة الفتح للحاوية ، يجب تحديد سمة تحتوي على معلومات حول كيفية قيام المتصفح بتقسيم مساحة الصفحة بين إطاراته:
تحدد سمة "cols" في نموذج التعليمات البرمجية هذا أنه يجب تقسيم الصفحة عموديًا إلى إطارين ، بحيث يشغل الإطار الأيسر 20٪ من عرض النافذة والإطار الأيمن 80٪. إذا حددت سمة "صفوف" بدلاً من سمة "cols" ، فسيتم تقسيم الصفحة أفقيًا:
بدلاً من الرقم ، يمكنك كتابة علامة النجمة (*):
هذا يعني أنه سيتم إعطاء الإطار الثاني كل المساحة المتبقية. يمكن تحديد أحجام الإطارات ليس بالنسب المئوية ، ولكن في وحدات القياس التي يتم استخدامها غالبًا في تخطيط الصفحة - بالبكسل:
الخطوة 2
تتم كتابة علامة HTML للإطار نفسه ، والتي يجب وضعها في الحاوية ، على النحو التالي: تحتوي السمة "src" الخاصة بعلامة "frame" على عنوان صفحة الويب التي يجب أن يقوم المتصفح بتحميلها في هذا الإطار. يسمى العنوان المكتوب بهذه الطريقة "مطلق" - يبدأ ببروتوكول https://. ولكن إذا كانت هذه صفحة لموقعك الخاص وتقع في نفس المجلد (أو المجلد الفرعي) ، فلن تحتاج إلى تحديد العنوان المطلق ، فسيكون اسم الملف ومسار المجلد الفرعي فقط كافيين. سيُطلق على هذا العنوان اسم "نسبي": - يمكن نقل الحدود بين الإطارات في الصفحة افتراضيًا باستخدام الماوس. يتم تعطيل هذه الميزة بواسطة السمة noresize: - توجد سمتان تحددان حجم الهوامش بين الإطارات - يحدد ارتفاع الهامش الهامش الرأسي (أعلى وأسفل) ، وعرض الهامش - أفقيًا (يمينًا ويسارًا): - استخدام سمة أخرى - "التمرير" - يمكنك إخبار المتصفح بقواعد أشرطة التمرير للإطار: تحدد القيمة "تلقائي" أن أشرطة التمرير يجب أن تظهر حسب الحاجة ، أي عندما لا يتناسب المحتوى مع الإطار. إذا قمت بتعيين القيمة على "نعم" ، فسيحتوي هذا الإطار دائمًا على أشرطة تمرير ، والقيمة "لا" ، على العكس من ذلك ، تمنع عرض أشرطة التمرير - إذا كانت الصفحات الموجودة في الحاوية تعمل مع أي نصوص جافا سكريبت إجراء عمليات في الإطارات المجاورة ، فقد يكون من الضروري التمييز بين الإطارات بالاسم. السمة التي تحتوي على اسم الإطار تسمى الاسم:
الخطوه 3
تعد تعريفات HTML هذه كافية لإنشاء صفحة بسيطة من عدة صفحات من مواقع أخرى. للقيام بذلك ، ستحتاج إلى أي محرر نصوص ، على سبيل المثال ، المفكرة القياسية. في ذلك ، قم بإنشاء مستند جديد واكتب علامات html التالية:
ثم احفظ هذا الرمز بامتداد htm أو html - على سبيل المثال ، test.html. كل شيء جاهز ، إذا فتحت هذا المستند باستخدام مستعرض ، فستبدو النتيجة كما يلي:
الخطوة 4
هناك نوع آخر من الإطارات - "عائم". يمكن وضعها داخل صفحة عادية ، وليس مقسمة إلى إطارات. يحتوي هذا الإطار على سمات عرض وارتفاع إضافية تحدد أبعاده. قد يبدو رمز هذه العلامة كما يلي:
