एक पृष्ठ पर एकाधिक स्रोतों से जानकारी प्रदर्शित करने के लिए, अक्सर HTML पृष्ठ-विभाजन तंत्र का उपयोग किया जाता है। नीचे फ्रेम डालने के लिए भाषा निर्माण का विवरण दिया गया है।
ज़रूरी
एचटीएमएल का बुनियादी ज्ञान
निर्देश
चरण 1
हाइपरटेक्स्ट मार्कअप लैंग्वेज (एचटीएमएल) दो प्रकार के फ्रेम प्रदान करती है। फ़्लोटिंग अधिक लचीला है और किसी मौजूदा पृष्ठ में सम्मिलित करना आसान है। सामान्य तौर पर, फ्लोटिंग फ्रेम का उपयोग करके विंडो फ्रेम का वर्णन करने वाला निर्माण इस तरह दिखता है: यहां, मौजूदा साइट के मुख्य पृष्ठ को इस फ्रेम (src विशेषता) के डेटा स्रोत के रूप में निर्दिष्ट किया गया है। यह 400 x 300 पिक्सेल फ्रेम में खोला जाएगा, जैसा कि चौड़ाई और ऊंचाई विशेषताओं में निर्दिष्ट है। आप अपनी साइट के पृष्ठ को src विशेषता में भी निर्दिष्ट कर सकते हैं। इस मामले में, एक सापेक्ष पता निर्दिष्ट करने के लिए पर्याप्त है (अर्थात, उस पृष्ठ के सापेक्ष पता जिसमें फ्रेम डाला गया है): इस नमूने में, फ्रेम की चौड़ाई और ऊंचाई निर्दिष्ट नहीं है, लेकिन एक आईडी है गुण-पहचानकर्ता। इसका उपयोग करके, आप इस फ्रेम के लिए आवश्यक आयाम निर्धारित करने के लिए CSS () का उपयोग कर सकते हैं:
#frameOne {चौड़ाई: 700px; ऊंचाई: 200px;}
चरण 2
एक अन्य प्रकार के फ़्रेम - "क्लासिक" - के लिए एक अलग पृष्ठ की आवश्यकता होती है, जिसमें फ़्रेम संरचना का विवरण होगा। फ़्रेम स्वयं अलग-अलग पृष्ठों पर होंगे, शायद अलग-अलग साइटों पर भी। ऐसे फ़्रेम कंटेनर पृष्ठ के लिए HTML कोड इस तरह दिख सकता है:
नियमित पृष्ठों के लिए कोई… और… ब्लॉक की आवश्यकता नहीं होनी चाहिए। इस उदाहरण में, कंटेनर खोलने वाले टैग में एक पंक्ति विशेषता होती है, जिसका अर्थ है कि पृष्ठ स्थान लंबवत रूप से विभाजित होना चाहिए और शीर्ष पहले फ्रेम को दिया जाएगा। यदि आप पंक्तियों को कॉलम से बदलते हैं, तो विभाजन क्षैतिज होगा। इस विशेषता का मान "*, *" इंगित करता है कि विभाजित अनुपात बराबर हैं - प्रत्येक 50%। यदि आप निर्दिष्ट करते हैं, उदाहरण के लिए, "20%, *", तो पहले फ्रेम को केवल 20% दिया जाएगा, और शेष स्थान दूसरे को दिया जाएगा। उपयोगकर्ता फ्रेम की सीमाओं को खींचकर इन अनुपातों को बदल सकता है माउस, लेकिन इस क्रिया को अक्षम करना संभव है। ऐसा करने के लिए, एक विशिष्ट फ्रेम के टैग में नोरसाइज विशेषता जोड़ें। आप आसन्न फ्रेम से लंबवत और क्षैतिज इंडेंट का आकार भी निर्दिष्ट कर सकते हैं (मार्जिनविड्थ और मार्जिनहाइट विशेषताएँ): प्रत्येक फ्रेम के स्क्रॉलबार के लिए व्यवहार के नियमों को अलग से सेट करना संभव है। इसके लिए, स्क्रॉलिंग विशेषता का उपयोग किया जाता है, जिसमें तीन पूर्वनिर्धारित मानों में से एक हो सकता है। यदि निर्दिष्ट किया गया है, तो स्क्रॉलबार तब दिखाई देंगे जब फ़्रेम की सामग्री उसकी सीमाओं के भीतर फ़िट न हो। यदि "हाँ" - धारियाँ हर समय मौजूद रहेंगी, चाहे उनकी आवश्यकता कुछ भी हो। यदि "नहीं" - इसका अर्थ इस फ्रेम के लिए स्क्रॉल बार को अस्वीकार करना होगा।
चरण 3
पिछले दो चरणों में प्रदान की गई जानकारी के आधार पर, आपको HTML कोड को डिज़ाइन करने की आवश्यकता है जो आपकी समस्या को हल करने के लिए अधिक उपयुक्त है। उसके बाद, जो कुछ बचा है उसे पृष्ठ के स्रोत कोड में सम्मिलित करना है। ऐसा करने के लिए, आप अपनी साइट की प्रबंधन प्रणाली के पृष्ठ संपादक का उपयोग कर सकते हैं - इसमें वांछित पृष्ठ खोलें, HTML कोड संपादन मोड पर स्विच करें और पृष्ठ पर इच्छित स्थान पर अपना कोड पेस्ट करें। वैकल्पिक रूप से, आप होस्टिंग प्रबंधन फ़ाइल प्रबंधक या सामग्री प्रबंधन प्रणाली द्वारा पृष्ठ स्रोत कोड फ़ाइल डाउनलोड कर सकते हैं, इसे टेक्स्ट एडिटर में खोल सकते हैं और इसमें कोड पेस्ट कर सकते हैं। और फिर उसी तरह बदले हुए कोड को वापस सर्वर पर अपलोड करें।
