HTML में फ्रेम का प्रयोग कैसे करें (How to Use Frame in HTML)
Table of content (TOC)
HTML फ़्रेम का उपयोग आपकी ब्राउज़र विंडो को कई अनुभागों में विभाजित करने के लिए किया जाता है जहाँ प्रत्येक अनुभाग एक अलग HTML दस्तावेज़ लोड कर सकता है। ब्राउज़र विंडो में फ़्रेम के संग्रह को फ़्रेमसेट के रूप में जाना जाता है। विंडोज़ को फ्रेम में उसी तरह विभाजित किया जाता है जैसे पंक्तियों और स्तंभों में टेबल व्यवस्थित होते हैं।
Learn HTML in Hindi (Frame & Iframe tag by Video Tutorial)
अगर आप html में फ्रेम और आईफ्रेम टैग के बारे में सीखना चाहते हैं तो नीचे दिए गए वीडियो को जरूर देखें।
फ्रेम्स से नुकसान
- कुछ छोटे उपकरण अक्सर फ़्रेम का उपयोग करने में असमर्थ होते हैं क्योंकि उनके पास स्क्रीन को विभाजित करने के लिए पर्याप्त आकार नहीं होता है।
- कभी-कभी आपका पृष्ठ अलग-अलग स्क्रीन रिज़ॉल्यूशन के कारण अलग-अलग कंप्यूटरों पर अलग-अलग प्रदर्शित होता है।
- हो सकता है कि ब्राउज़र का बैक बटन उपयोगकर्ता की अपेक्षानुसार काम न करे।
- अभी भी कुछ ब्राउज़र ऐसे हैं जो फ़्रेम तकनीक का समर्थन नहीं करते हैं।
फ्रेम्स बनाना
किसी पृष्ठ पर फ़्रेम का उपयोग करने के लिए, हम <body> टैग के बजाय <Frameset> टैग का उपयोग करते हैं। <Frameset> टैग परिभाषित करता है कि विंडोज को फ्रेम में कैसे विभाजित किया जाए। रो एट्रिब्यूट <Frameset> टैग हॉरिजॉन्टल फ्रेम को परिभाषित करता है और कर्नल एट्रीब्यूट वर्टिकल फ्रेम को परिभाषित करता है। प्रत्येक फ़्रेम को <Frame> टैग द्वारा दर्शाया जाता है और यह परिभाषित करता है कि फ़्रेम में कौन सा HTML दस्तावेज़ खुलेगा।
नोट - HTML 5 में <Frame> टैग हटा दिया गया है।
Row का उदाहरण
<html>
<head>
<title>HTML Frames</title>
</head>
<frameset rows = “10%,80%,10%”>
<frame name = “top” src = “image1.jpeg” />
<frame name = “main” src = “image2.jpeg” />
<frame name = “bottom” src = “image3.jpeg” />
</frameset>
</html>(code-box)
Col का उदाहरण
<html>
<head>
<title>HTML Frames</title>
</head>
<frameset cols = “25%,50%,25%”>
<frame name = “left” src = “image1.jpeg” />
<frame name = “center” src = “image2.jpeg” />
<frame name = “right” src = “image3.jpeg” />
</frameset>
</html>(code-box)
<Frameset> टैग की विशेषताएँ
कॉलम (Column)
कॉलम निर्दिष्ट करता है कि फ्रेमसेट में कितने कॉलम शामिल हैं और प्रत्येक कॉलम का आकार। आप प्रत्येक कॉलम की चौड़ाई बदलने के लिए निम्न विधियों में से एक का उपयोग कर सकते हैं।
- संख्याओं का प्रयोग करें। उदाहरण के लिए, तीन लंबवत फ़्रेम बनाने के लिए, cols = "300,400,300" का उपयोग करें।
- प्रतिशत का प्रयोग करें। उदाहरण के लिए, तीन लंबवत फ़्रेम बनाने के लिए, cols = "10%, 80%, 10%" का उपयोग करें।
- वाइल्डकार्ड प्रतीक का प्रयोग करें। उदाहरण के लिए, तीन लंबवत फ़्रेम बनाने के लिए, cols = "10%, *, 10%" का उपयोग करें। इस स्थिति में वाइल्डकार्ड शेष विंडो को ले लेता है।
पंक्तियों (Rows)
यह विशेषता भी कॉल विशेषता की तरह ही काम करती है और समान मान लेती है, लेकिन इसका उपयोग फ़्रेमसेट में पंक्तियों को निर्दिष्ट करने के लिए किया जाता है। उदाहरण के लिए, दो क्षैतिज फ़्रेम बनाने के लिए, Rows = "10%, 90%" का उपयोग करें। आप प्रत्येक पंक्ति की ऊंचाई उसी तरह निर्दिष्ट कर सकते हैं जैसे ऊपर वर्णित कॉलम के लिए।
बॉर्डर (Border)
यह विशेषता पिक्सेल में प्रत्येक फ्रेम की सीमा की चौड़ाई निर्दिष्ट करती है। उदाहरण के लिए, सीमा = "5"। शून्य के मान का अर्थ है कोई सीमा नहीं।
फ्रेमबॉर्डर (Frameborder)
यह विशेषता निर्दिष्ट करती है कि सीमा को फ्रेमसेट में प्रदर्शित किया जाना चाहिए या नहीं। यह विशेषता 1 (हाँ) या 0 (नहीं) का मान लेती है। उदाहरण के लिए फ्रेमबॉर्डर = "0" सीमा निर्दिष्ट नहीं करता है।
फ्रेम स्पेसिंग (framespacing)
यह विशेषता फ़्रेमसेट के बीच फ़्रेम में स्थान की मात्रा निर्दिष्ट करती है। यह कोई भी पूर्णांक मान ले सकता है। उदाहरण के लिए फ्रेमस्पेसिंग = "10" का अर्थ है कि प्रत्येक फ्रेमसेट के बीच 10 पिक्सेल का अंतर होना चाहिए।
Final Words
तो दोस्तों आपको हमारी पोस्ट कैसी लगी! शेयरिंग बटन पोस्ट के नीचे इसे अपने दोस्तों के साथ शेयर करना न भूलें। इसके अलावा अगर बीच में कोई परेशानी हो तो कमेंट बॉक्स में पूछने में संकोच न करें। आपकी सहायता कर हमें खुशी होगी। हम इससे जुड़े और भी पोस्ट लिखते रहेंगे। तो अपने मोबाइल या कंप्यूटर पर हमारे ब्लॉग "various info: Education and Tech" को बुकमार्क (Ctrl + D) करना न भूलें और अपने ईमेल में सभी पोस्ट प्राप्त करने के लिए हमें अभी सब्सक्राइब करें।
अगर आपको यह पोस्ट अच्छी लगी हो तो इसे अपने दोस्तों के साथ शेयर करना ना भूलें। आप इसे व्हाट्सएप, फेसबुक या ट्विटर जैसी सोशल नेटवर्किंग साइटों पर साझा करके अधिक लोगों तक पहुंचने में हमारी सहायता कर सकते हैं। शुक्रिया!
If you liked the information of this article, then please share your experience by commenting. This is very helpful for us and other readers. Thank you