पेज के अंदर पेज कैसे बनाये

विषयसूची:

पेज के अंदर पेज कैसे बनाये
पेज के अंदर पेज कैसे बनाये

वीडियो: पेज के अंदर पेज कैसे बनाये

वीडियो: पेज के अंदर पेज कैसे बनाये
वीडियो: 11: HTML में Sub Page कैसे बनाये | सीएसएस की मूल बातें | एचटीएमएल और सीएसएस सीखें | एचटीएमएल ट्यूटोरियल 2024, जुलूस
Anonim

हाइपरटेक्स्ट मार्कअप लैंग्वेज (एचटीएमएल) एक पेज को कई विंडो - "फ्रेम्स" में विभाजित करने की क्षमता प्रदान करती है। प्रदर्शित करने के लिए प्रत्येक फ़्रेम का अपना इंटरनेट स्रोत हो सकता है। इस तंत्र का उपयोग अन्य साइटों के पृष्ठों को आपकी साइट के पृष्ठों में सम्मिलित करने के लिए किया जा सकता है।

पेज के अंदर पेज कैसे बनाये
पेज के अंदर पेज कैसे बनाये

यह आवश्यक है

पाठ संपादक नोटपैड

अनुदेश

चरण 1

किसी पृष्ठ का HTML कोड ब्राउज़र के लिए निर्देशों का एक समूह है जो बताता है कि पृष्ठ पर उसके प्रत्येक तत्व को कहाँ प्रदर्शित किया जाना चाहिए और यह कैसा दिखना चाहिए। इन निर्देशों को "टैग" कहा जाता है और ऐसा पृष्ठ बनाने के लिए जिसमें एक या अधिक अन्य हों, आपको टैग का उपयुक्त सेट लिखना होगा। हम उन टैग से शुरू करते हैं जो पृष्ठ पर सभी फ़्रेमों के लिए एक कंटेनर बनाते हैं:

ये कंटेनर के उद्घाटन और समापन टैग हैं - फ़्रेम बनाने वाले टैग को उनके बीच रखना होगा। HTML में, टैग में "विशेषताएँ" होती हैं - उनमें पृष्ठ तत्व के गुणों के बारे में अतिरिक्त जानकारी होती है, जिसका प्रदर्शन इस टैग को निर्दिष्ट करता है। कंटेनर के उद्घाटन टैग में, आपको एक विशेषता निर्दिष्ट करनी होगी जिसमें इस बारे में जानकारी हो कि ब्राउज़र को पृष्ठ स्थान को उसके फ़्रेम के बीच कैसे विभाजित करना चाहिए:

इस कोड नमूने में "cols" विशेषता निर्दिष्ट करती है कि पृष्ठ को लंबवत रूप से दो फ़्रेमों में विभाजित किया जाना चाहिए, जिसमें बाईं ओर विंडो की चौड़ाई का 20% और दायां वाला 80% भाग लेता है। यदि आप "cols" विशेषता के बजाय "rows" विशेषता निर्दिष्ट करते हैं, तो पृष्ठ क्षैतिज रूप से विभाजित हो जाएगा:

एक संख्या के बजाय, आप एक तारांकन (*) लिख सकते हैं:

इसका मतलब यह होगा कि दूसरे फ्रेम को शेष सभी स्थान दिया जाएगा। फ़्रेम आकार को प्रतिशत में नहीं, बल्कि माप की इकाइयों में निर्दिष्ट किया जा सकता है जो कि पृष्ठ लेआउट में सबसे अधिक बार उपयोग किए जाते हैं - "पिक्सेल" में:

चरण दो

फ़्रेम का HTML टैग, जिसे कंटेनर में रखा जाना चाहिए, इस प्रकार लिखा गया है: "फ़्रेम" टैग की "src" विशेषता में उस वेब पेज का पता होता है जिसे ब्राउज़र को इस फ़्रेम में लोड करना चाहिए। इस तरह से लिखे गए पते को "एब्सोल्यूट" कहा जाता है - यह https:// प्रोटोकॉल से शुरू होता है। लेकिन अगर यह आपकी अपनी साइट का एक पृष्ठ है और यह उसी (या सबफ़ोल्डर) फ़ोल्डर में है, तो आपको पूर्ण पता निर्दिष्ट करने की आवश्यकता नहीं है, केवल फ़ाइल का नाम और सबफ़ोल्डर का पथ ही पर्याप्त होगा। ऐसे पते को "रिश्तेदार" कहा जाएगा: - पृष्ठ में फ्रेम के बीच की सीमाओं को डिफ़ॉल्ट रूप से माउस से स्थानांतरित किया जा सकता है। यह सुविधा noresize विशेषता द्वारा अक्षम की गई है: - दो विशेषताएँ हैं जो फ़्रेम के बीच हाशिये के आकार को निर्धारित करती हैं - मार्जिनहाइट ऊर्ध्वाधर मार्जिन (ऊपर और नीचे) सेट करती है, और मार्जिनविड्थ - क्षैतिज रूप से (दाएं और बाएं): - अन्य विशेषता का उपयोग - "स्क्रॉलिंग" - आप ब्राउज़र को फ्रेम के स्क्रॉलबार के नियम बता सकते हैं: "ऑटो" मान निर्दिष्ट करता है कि स्क्रॉलबार आवश्यकतानुसार दिखाई देने चाहिए, अर्थात, जब सामग्री फ्रेम के भीतर फिट नहीं होती है। यदि आप मान को "हां" पर सेट करते हैं, तो इस फ्रेम में हमेशा स्क्रॉल बार होंगे, और इसके विपरीत, "नहीं" मान, स्क्रॉल बार के प्रदर्शन को रोकता है - यदि कंटेनर में निहित पृष्ठ किसी भी जावास्क्रिप्ट स्क्रिप्ट के साथ काम करते हैं जो आसन्न फ्रेम में संचालन करते हैं, फ्रेम को नाम से अलग करना आवश्यक हो सकता है। फ्रेम के नाम वाली विशेषता को नाम कहा जाता है:

चरण 3

ये HTML परिभाषाएँ अन्य साइटों के कई पृष्ठों से एक साधारण पृष्ठ बनाने के लिए पर्याप्त हैं। ऐसा करने के लिए, आपको किसी पाठ संपादक की आवश्यकता होगी, उदाहरण के लिए, एक मानक नोटपैड। इसमें एक नया दस्तावेज़ बनाएं और इन html टैग्स को लिखें:

फिर इस कोड को htm या html एक्सटेंशन के साथ सेव करें - उदाहरण के लिए, test.html। सब कुछ तैयार है, यदि आप इस दस्तावेज़ को ब्राउज़र से खोलते हैं, तो परिणाम इस तरह दिखेगा:

दो-फ्रेम पृष्ठ
दो-फ्रेम पृष्ठ

चरण 4

एक और प्रकार का फ्रेम है - "फ्लोटिंग"। यह एक नियमित पृष्ठ के अंदर स्थित हो सकता है, फ्रेम में विभाजित नहीं। इस तरह के फ्रेम में अतिरिक्त चौड़ाई और ऊंचाई विशेषताएँ होती हैं जो इसके आयामों को परिभाषित करती हैं। इस टैग का कोड इस तरह दिख सकता है:

सिफारिश की: