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