Framesफ़्रेम के साथ, आप एक ही ब्राउज़र विंडो में एक से अधिक HTML दस्तावेज़ प्रदर्शित कर सकते हैं। प्रत्येक HTML दस्तावेज़ को एक फ्रेम कहा जाता है, और प्रत्येक फ्रेम दूसरों से स्वतंत्र होता है।
HTML Frames And Tables In Hindi
फ्रेम का उपयोग करने के नुकसान हैं:वेब डेवलपर को अधिक HTML दस्तावेज़ों पर नज़र रखनी चाहिए।
पूरे पेज को प्रिंट करना मुश्किल है।
The frameset Tag
<frameset> टैग define करता है कि विंडो को फ्रेम में कैसे विभाजित किया जाए।
प्रत्येक frameset rows or columns के एक सेट को define करता है।
Rows / columns के मान प्रत्येक Rows / Columns के स्क्रीन क्षेत्र की मात्रा को इंगित करते हैं।
The Frameset Tag
<frame> टैग define करता है कि प्रत्येक फ्रेम में कौन सा HTML Document डालना है।
नीचे दिए गए उदाहरण में हमारे पास दो कॉलम वाला एक फ्रेमसेट है। पहला कॉलम ब्राउज़र विंडो की चौड़ाई के 25% पर सेट है। दूसरा कॉलम ब्राउज़र विंडो की चौड़ाई के 75% पर सेट है। HTML दस्तावेज़ "frame_a.htm" को पहले कॉलम में रखा गया है, और HTML दस्तावेज़ "frame_b.htm" को दूसरे कॉलम में रखा गया है। :
<frameset cols="25%,75%>
<frame src="frame_a.htm">
<frame src="frame_b.htm">
</frameset>
Note - फ्रेमसेट कॉलम आकार मान को पिक्सल (cols = "200,500") में भी सेट किया जा सकता है, और कॉलम में से एक को शेष स्थान (cols = "25%, *") का उपयोग करने के लिए सेट किया जा सकता है।
Basic Notes - Useful Tips
यदि किसी फ़्रेम में दृश्यमान सीमाएँ हैं, तो उपयोगकर्ता बॉर्डर को खींचकर उसका आकार बदल सकता है। किसी उपयोगकर्ता को ऐसा करने से रोकने के लिए, आप <frame> टैग में noresize ="noresize" जोड़ सकते हैं।उन ब्राउज़र के लिए <noframes> टैग जोड़ें जो फ़्रेम का समर्थन नहीं करते हैं।
नोट - आप <body> </body> टैग का उपयोग <frameset> </frameset> टैग के साथ नहीं कर सकते हैं! हालांकि, अगर आप ऐसे ब्राउज़र के लिए <noframes> टैग जोड़ते हैं जो फ़्रेम का समर्थन नहीं करते हैं, तो आपको टेक्स्ट को <body> </body> टैग में संलग्न करना होगा!
पहली चीजें पहले। इस ट्यूटोरियल के लिए हमें कुछ html दस्तावेज़ों की आवश्यकता होगी। नोटपैड को सक्रिय करें और आरंभ करने के लिए निम्नलिखित को कॉपी करें।
<HTML>
<HEAD>
<TITLE> Frame Title </TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
हम प्रत्येक दस्तावेज़ को टेबल टूर और फॉर्म ट्यूटर में एक नाम देंगे, हमने लड़के के नाम का इस्तेमाल किया था। मुझे लगता है कि यहां किसी लड़की को लाने का समय आ गया है:
<HTML>
<HEAD>
<TITLE> Frame Title </TITLE>
</HEAD>
<BODY>
Seeta
</BODY>
</HTML>
कहीं नया फोल्डर बनाएं और इसे seeta.html के रूप में सेव करें।
अब हम एक और html डॉक्यूमेंट बनाते हैं।
<HTML>
<HEAD>
<TITLE> Frame Title </TITLE>
</HEAD>
<BODY>
Ram
</BODY>
</HTML>
इस दस्तावेज़ को ram.html के रूप में भी सहेजें
अब श्याम, राधा, विष्णु और शिव के लिए भी ऐसा ही करें। उन्हें दूसरों की तरह ही बचाएं। अब आपके पास एक फ़ोल्डर होना चाहिए जिसमें 6 पूर्ण स्टैंडअलोन HTML दस्तावेज़ हों।
<HTML>
<HEAD>
<TITLE> Frame Title - Master Page</TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
<BODY> टैग हटा दें। मास्टर पेज उनका उपयोग नहीं करता है।
<HTML>
<HEAD>
<TITLE> Frame Title - Master Page</TITLE>
</HEAD>
</HTML>
..it uses <FRAMESET> tags instead.
<HTML>
<HEAD>
<TITLE> Frame Title - Master Page</TITLE>
</HEAD>
<FRAMESET>
</FRAMESET>
</HTML>
चीजों को थोड़ा साफ रखने के लिए, मैं <HTML> , <HEAD> और <TITLE> टैग लिखना बंद करने जा रहा हूं। कहने की जरूरत नहीं है, उन्हें अपने दस्तावेज़ में रखें।
<FRAMESET>
</FRAMESET>
अब इसे बचाने का अच्छा समय है। इसे अपने फ़ोल्डर में index.html के रूप में सहेजें। यदि आप इसे अभी अपने ब्राउज़र से खोलने का प्रयास करते हैं तो यह खाली हो जाएगा। आपने अब तक केवल "फ़्रेम शीर्षक - मास्टर पृष्ठ" कहा है।
अब आइए परिभाषित करना शुरू करें कि चीजें कैसे होती हैं
ब्राउज़र को मुख्य विंडो को 2 कॉलम में विभाजित करने के लिए कहें, जिनमें से प्रत्येक विंडो का 50% भाग लेता है।.
<FRAMESET COLS="50%,50%">
</FRAMESET>
यह अभी भी खाली रहेगा, हमारे 'सिस्टम के चालू होने' से पहले हमें एक और काम करना है। हमें ब्राउज़र को बताना होगा कि प्रत्येक फ्रेम में क्या रखा जाए।
<FRAMESET COLS="50%,50%">
<FRAME SRC="seeta.html">
<FRAME SRC ="ram.html">
</FRAMESET>
अब आप पूरी तरह कार्यात्मक फ़्रेमयुक्त पृष्ठ के गर्वित अभिभावक हैं।
आगे बढ़ने से पहले एक आखिरी बात। ध्यान दें कि <FRAMESET> एक कंटेनर टैग है, और <FRAME> नहीं है। उन लोगों के लिए जो इसका मतलब नहीं जानते हैं, एक कंटेनर टैग में एक ओपनिंग <TAG> और एक क्लोजिंग </TAG> होता है।
फॉर्म टैग के साथ आप अपने वेब पेजों में एक गेस्टबुक, ऑर्डर फॉर्म, सर्वेक्षण, फीडबैक प्राप्त कर सकते हैं या जो कुछ भी कर सकते हैं।
html फॉर्म का मूल निर्माण यह है...
<FORM> From शुरू करें
<INPUT> कई अलग-अलग तरीकों में से एक में जानकारी मांगें..
<INPUT> .. जितने चाहें उतने Input Area हो सकते हैं
</FORM> form का अंत
संक्षेप में यह HTML फॉर्म है। अब आप कुछ फॉर्म बनाने के लिए तैयार हैं! अब इस बात पर जोर देने का एक अच्छा समय है कि यदि आप सीखना चाहते हैं कि गुणवत्ता वाले html दस्तावेज़ कैसे बनाए जाते हैं, तो आपको खुद को टैग सिखाने के लिए समय निकालने में मदद मिलेगी। यदि आप तथाकथित "फॉर्म विजार्ड्स" पर "आसान के रूप में पाई एचटीएमएल संपादक" पर भरोसा करते हैं, तो आपके पास बहुत सीमित लचीलापन होगा, और अंतिम परिणाम वह नहीं हो सकता है जिसे आप प्राप्त करने का प्रयास कर रहे हैं। मेरी राय में उपयोग करने के लिए सबसे अच्छा HTML संपादक टेक्स्ट आधारित संपादक हैं। दिमाग में आने वाले कुछ अच्छे लोगों को यहां सूचीबद्ध किया गया है। ये संपादक आपकी html कोडिंग को आसान बना देंगे। वे इसे आपके लिए करने का प्रयास नहीं करते हैं।
"फालो द बाउंसिंग बॉल" की तरह, मैं चाहता हूं कि आप नोटपैड खोलें और मेरा अनुसरण करें। आरंभ करने के लिए इस पृष्ठ को कॉपी और पेस्ट करें। -
<HTML>
<HEAD>
<TITLE> You are so cute ! </TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
इसे सेव करें क्योंकि form1.html कहीं न कहीं कोई फोल्डर है। आगे बढ़ो और इसे इसका अपना फ़ोल्डर दे दो। अपना ब्राउज़र शुरू करें। इसका उपयोग form1.html खोलने और नोटपैड और ब्राउज़र को साथ-साथ चलाने के लिए करें। इस तरह आप अपने पेज बना सकते हैं और लगभग तुरंत ही अपनी करतूत के परिणाम देख सकते हैं। यदि रीलोड बटन को हिट करना सब कुछ रीसेट नहीं कर रहा है, तो SHIFT कुंजी को दबाए रखते हुए पुनः लोड करें बटन दबाएं।
अपने फॉर्म टैग में टाइप करें।
<HTML>
<HEAD>
<TITLE> You are so cute ! </TITLE>
</HEAD>
<BODY>
<FORM>
</FORM>
</BODY>
</HTML>
HTML Tables
टेबल्स को <table> टैग से परिभाषित किया जाता है। एक तालिका को पंक्तियों में विभाजित किया जाता है, और प्रत्येक पंक्ति को डेटा कोशिकाओं में विभाजित किया जाता है। अक्षर td का अर्थ "टेबल डेटा" है, जो डेटा सेल की सामग्री है। डेटा सेल में टेक्स्ट, इमेज, सूचियां, पैराग्राफ, फॉर्म, हॉरिजॉन्टल, नियम, टेबल आदि हो सकते हैं।<table border="1">
<tr>
<td> row 1 , cell 1 </td>
<td> row 1 , cell 2 </td>
</tr>
<tr>
<td> row 2 , cell 1 </td>
<td> row 2 , cell 2 </td>
</tr>
</table>
Heading in Table
टेबल में हेडिंग को <th> टैग से Define किया जाता है।
<table border ="1">
<tr>
<th> Heading </th>
<th> Second Heading </th>
</tr>
<tr>
<td> row 1, cell 1 </td>
<td> row 1 , cell 2 </td>
</tr>
<tr>
<td> row 2 , cell 1 </td>
<td> row 2 , cell 2 </td>
</tr>
</table>
टेबल में हेडिंग को <th> टैग से Define किया जाता है।
<table border ="1">
<tr>
<th> Heading </th>
<th> Second Heading </th>
</tr>
<tr>
<td> row 1, cell 1 </td>
<td> row 1 , cell 2 </td>
</tr>
<tr>
<td> row 2 , cell 1 </td>
<td> row 2 , cell 2 </td>
</tr>
</table>
Final Words
दोस्तों आज के ये टॉपिक HTML Frames And Tables In Hindi कैसा लगा. हमे पूरी उम्मीद है की आप इन पॉइंट्स के जरिये आसानी से HTML के Frames और Tables दोनों बना सकेंगे। आर्टिकल अच्छा लगा तो अपने दोस्तों को share करना ना भूले। धन्यवाद
0 टिप्पणियाँ