Html Frames in hindi

Html Frames in Hindi

Leave a Comment / Html Hindi, Programming / By / अलग फ्रेम, इनलाइन फ्रेम, एचटीएमएल फ्रेम, एचटीएमएल फ्रेम का परिचय, एचटीएमएल फ्रेम का प्रकार, एचटीएमएल में फ्रेमसेट का मूल उदाहरण, फ्रेम, फ्रेमसेट, फ्रेमसेट फ्रेम, या आईफ्रेम

Introduction to html frames

एचटीएमएल फ़्रेम एचटीएमएल वेब डेवलपमेंट प्रोसेस में एक से अधिक वेब ब्राउज़र स्क्रीन फ्रेम में वेब पेज या अन्य डॉक्यूमेंट डिजिटल कंटेंट इनफार्मेशन डिस्प्ले सुविधा थी. जो एचटीएमएल वेब डेवलपर्स को एक वेब पेज को कई अलग-अलग फ़्रेमों या उप- फ्रेम विंडोज़ में विभाजित कर प्रदर्शित करने की अनुमति देती थी. जहा प्रत्येक एचटीएमएल फ्रेम का अपना एक अलग एचटीएमएल डिस्प्ले यूआरएल या डिस्प्ले डॉक्यूमेंट होता था। एचटीएमएल वेब डेवलपमेंट में फ़्रेम का उपयोग आमतौर पर वेब डेवलपमेंट के शुरुआती दिनों में जटिल वेब लेआउट लेआउट बनाने और एक ही वेब पेज के भीतर विभिन्न वेब रिसोर्सेज या वेबसाइटों से सामग्री प्रदर्शित करने का एक तरीका प्रदान करने के लिए किया जाता था।

Html Frames in hindi

Here are some of the key concepts and frame elements related to HTML frames.

Frameset – <frameset> टैग या एलिमेंट का उपयोग वेब पेज के भीतर फ़्रेम की स्ट्रक्चर को परिभाषित या मौजूदा वेब ब्राउज़र में मल्टीप्ल फ्रेम ऑब्जेक्ट को डिस्प्ले करने के लिए किया गया था। आपका फ्रेमसेट इसमें निर्दिष्ट किया गया था कि फ़्रेम की आपने अपने मौजूदा ब्राउज़र विंडोज को कितनी रौस या कॉलम में विभाजित किया है। आप अपने जरूरत के आधार पर मौजूदा फ्रेम के कॉलम और रौ में डिवाइड कर सकते है.

Basic example of frameset in HTML.

<!DOCTYPE html>

<html>

  <head>

    <title>Html Frameset tag example</title>

    <link rel=”stylesheet” href=”styles.css” />

  </head>

  <body>

      <h1 class=”title”>Frameset Tag Example</h1>

    <frameset cols=”25%, 25%, 50%”>

  <frame src=”file1.html”>

  <frame src=”file2.html”>

  <frame src=”file3.html”>

</frameset>

  </body>

</html>

इस एचटीएमएल उदाहरण में एक तीन कॉलम वाला एक फ़्रेमसेट बनाया गया है, और इस फ्रेमसेट में तीन अलग-अलग एचटीएमएल डॉक्यूमेंट (file1.html, file2.html और file3.html) फ़्रेम में डिस्प्ले किए जाते हैं।

Frame – <frame> टैग या एलिमेंट का उपयोग फ़्रेमसेट के भीतर प्रत्येक इंडिविजुअल फ़्रेम पोरशन को डिस्प्ले या परिभाषित करने के लिए किया गया था। यहाँ फ्रेम ऑब्जेक्ट जिसमे  फ़्रेम में डिस्प्ले किए जाने वाले विभिन्न सोर्स डॉक्यूमेंट और नाम, सोर्स और बॉर्डर जैसी विभिन्न एचटीएमएल  विशेषताओं को निर्दिष्ट किया है।

<frame src=”file.html” name=”file” frameborder=”0″>

इस फ्रेम उदाहरण में, “testframe” नाम का एक फ़्रेम क्रिएट किया गया है, और इस file.html डॉक्यूमेंट में बिना किसी बॉर्डर के फाइल डाटा और इनफार्मेशन को प्रदर्शित किया गया है।

Target attribute – एचटीएमएल फ़्रेम में अक्सर लिंक में टारगेट एट्रिब्यूट का उपयोग यह निर्दिष्ट करने के लिए करते हैं कि मौजूदा फ्रेम में  लिंक की गई सामग्री किस फ्रेम में प्रदर्शित होनी चाहिए।

Frame Target Attribute Example.

<a href=”page.html” target=”frame1″>Click me</a>

ऊपर दिए गए लिंक किया गया पेज, “file.html,” “frame1” नाम के फ्रेम में डिस्प्ले किया जाएगा।

Html Frame Example

यहां एचटीएमएल वेब पेज में हिस्टोरिकल रेफेरेंस के लिए एचटीएमएल फ़्रेम का उपयोग करने का एक सरल उदाहरण दिया गया है. हालांकि आजकल मॉडर्न वेब डेवेलोपमेंट में फ़्रेम उपयोग के कई नुकसानों के कारण उनका उपयोग न करने की दृढ़ता से सलाह देता हूं। इस फ्रेम उदाहरण में, मैं तीन अलग अलग फ़्रेमों के साथ एक बुनियादी फ़्रेम लेआउट बनाया गया है। इस फ्रेम में हेडर के लिए एक फर्स्ट फ़्रेम, नेविगेशन के लिए एक सेकंड फ़्रेम और वेब कंटेंट के लिए एक थर्ड फ़्रेम बनाया गया है।

<!DOCTYPE html>

<html>

  <head>

    <title>Html Frameset tag example</title>

    <link rel=”stylesheet” href=”styles.css” />

  </head>

  <body>

  <frameset cols=”25%, 50%, 25%”>

    <frame src=”file.html” name=”firstFrame” scrolling=”no”>

    <frameset rows=”50%, 50%”>

      <frame src=”secondframe.html” name=”secondFrame” scrolling=”auto”>

      <frame src=”thirdframe.html” name=”thirdFrame” scrolling=”auto”>

    </frameset>

  </frameset>

  </body>

</html>

So, let’s now better understand each part of the frame example above.

  • <frameset cols=”25%, 50%, 25%”> – यह एचटीएमएल वेब पेज में एक तीन कॉलम वाला एक फ्रेमसेट स्ट्रक्चर बनाएगा। इस फ्रेम सेट में पहला फ्रेम उपलब्ध चौड़ाई का 25%, दूसरा फ्रेम 50% और तीसरा फ्रेम 25% वेब ब्राउज़र में स्थान घेरता है।
  • <frame src=”file.html” name=”topFrame” scrolling=”no”> – यह एचटीएमएल वेब पेज में एक टॉप फ़्रेम को परिभाषित करता है. जो “file.html” वेब पेज से इनफार्मेशन डिस्प्ले करता है और इसे “फर्स्ट firstFrame” नाम दिया गया है। scrolling=’no’ ऐट्रिब्यूट्स को इस फ्रेम में अप्लाई किया गया है।
  • <frameset rows=”45%, 55%”> – एचटीएमएल वेब पेज में आप मध्य फ़्रेम के भीतर, दो रौस के साथ एक और फ़्रेमसेट को डिवाइड कर बनाया गया है. जहां आप दोनों फ्रेम रौ में अपनी जरूरत के अनुसार अलग अलग फ्रेम एलिमेंट्स को डिस्प्ले कर सकते है.
  • <frame src=”testframe.html” name=”firstFrame” scrolling=”auto”> – यह एचटीएमएल वेब पेज में नेस्टेड फ्रेम में फ्रेम फ़्रेमसेट के भीतर राइट फ़्रेम को स्ट्रक्चर को बनाया गया है। यह “test.html” से सामग्री लोड करता है और इसे “firstFrame” नाम दिया गया है। यदि सामग्री फ़्रेम के डायमेंशन से अधिक है तो scrolling = “auto” एट्रिब्यूट स्क्रॉलबार की अनुमति देती है।
  • <frame src=”file.html” name=”secondFrame” scrolling=”auto”> – यह एचटीएमएल वेब पेज में नेस्टेड फ़्रेमसेट के भीतर सेकंड फ़्रेम को परिभाषित करता है, “file.html” से सामग्री लोड करता है, और इसे “secondFrame” नाम दिया जाता है।

Type of html Frame

एचटीएमएल फ़्रेम के रेफ़्रेन्स में आपको विभिन्न प्रकार के फ़्रेम डेवलपमेंट के विकल्प मिलते थे. जिन्हें आप यह अलग अलग फ्रेमसेट स्ट्रक्चर को परिभाषित करने के लिए बना सकते हैं कि एचटीएमएल वेब पेज सामग्री को वेब पेज के भीतर कैसे विभाजित और प्रदर्शित किया गया था।

Here are these frame types in HTML.

  • Frameset Frame – वेब पेज के भीतर फ़्रेम की स्ट्रक्चर को परिभाषित करने के लिए उपयोग किया जाने वाला प्राइमरी फ़्रेम का प्रकार है। यह वेब पेज में फ़्रेमसेट फ़्रेम निर्दिष्ट करते हैं कि फ़्रेम की कितनी रौस और कॉलम बनाए जाने हैं, और उनके फ्रेम डायमेंशन क्या हैं। फ़्रेमसेट बनाने के लिए आप <frameset> टैग एलिमेंट का उपयोग कर सकते हैं।
  • Individual frames – एचटीएमएल वेब पेज में एक फ्रेमसेट के भीतर, आप <frame> टैग एलिमेंट का उपयोग करके अलग-अलग मैन्युअल फ्रेम को परिभाषित कर सकते हैं। इन फ़्रेमों में अलग-अलग एचटीएमएल पेज डिस्प्ले किए गए है, और कंटेंट सोर्स निर्दिष्ट करने के लिए src, फ़्रेम की पहचान करने के लिए नाम और मौजूदा फ्रेम स्क्रॉलिंग बेहेवियर को नियंत्रित करने के लिए स्क्रॉलिंग जैसे प्रॉपर्टीज थे।
  • Inline Frames (iFrames) – एचटीएमएल वेब पेज में आईफ्रेम्स एक प्रकार का फ्रेम है, जिसे सीधे वेब पेज की सामग्री के भीतर कही भी एम्बेड किया जा सकता है। इन्हें <iframe> टैग एलिमेंट का उपयोग करके परिभाषित किया गया है। एचटीएमएल वेब पेज में IFrames का उपयोग अक्सर किसी वेब पेज के भीतर एक्सटर्नल वेब रिसोर्सेज, जैसे वीडियो या मैप, को एम्बेड करने के लिए किया जाता है।

Here’s an example of an inline frame in HTML.

<iframe src=”externalcontent.html” width=”400″ height=”300″></iframe>

Rate this post

Related posts

Libre office 5About Libre office In Hindi. microsoft office 2016About Microsoft office 2016 Hindi About Microsoft Office 2013 Pro Plus Hindi. Html FramesHtml Frames Introduction To HTML In HindiIntroduction To HTML In Hindi Everything About Microsoft Windows 10.Everything About Microsoft Windows 10 Hindi. Apache open office hindiApache Open Office Hindi. HTML Document Structure In HindiHTML Document Structure In Hindi Forms and Input Elements In hindiHtml Forms and Input Elements in Hindi Windows 10 Apps HindiMicrosoft Windows 10 Apps Hindi. Google search engineWhat Is A Search Engine and Their Type In Hindi? Windows operating systemMicrosoft Windows Legacy Operating System Hindi. Windows 8 AppsMicrosoft Windows 8 Apps Hindi. HTML Elements In HindiHTML Elements In Hindi Images and Multimedia In HindiImages and Multimedia HTML in Hindi HTML Semantic Elements In HindiHTML Semantic Elements In Hindi Windows 7 hindiAbout Microsoft Windows 7 Hindi. About Wps officeAbout Wps Office Hindi What is internetWhat Is The Internet in Hindi? Html Text Formatting In HindiHtml Text Formatting In Hindi LinuxWhat is Linux, A Complete Overview of Ubuntu Linux Hindi. Links and Anchor Tags In HindiLinks and Anchor Tags In Hindi Internet ProtocolsInternet Technology And Network Protocols In Hindi. Computer hardwarePc assembly and its operation Hindi. computer networkType of Computer or Internet Network In Hindi. login office 365About Microsoft office 365 Hindi. Windows 8About Microsoft Windows 8.1 Hindi. Computer fundamental hindiComputer Fundamental Hindi. type of computer memoryAbout Computer Memory Hindi. Output and input deviceInput And Output Devices in Hindi. HTML Tables In hindiHTML Tables In Hindi type of programmingType of Computer Programming in Hindi. ftp softwareInternet Network Services And Ftp In Hindi. Keyboard and mouseMouse and Keyboard Operations in Hindi. Motherboard portComputer Motherboard Cable And Port Type In Hindi. Motherboard and its componentsComputer Motherboard and its Components in Hindi. HTML Lists in HindiHTML Lists in Hindi Css full formAbout Css In Hindi. Motherboard slotsComputer Motherboard Slots and All Type of External Cards In Hindi. internet growthGrowth of the Internet Hindi. Network TopologyTypes of Network Communication Media And Network Topology In Hindi. समान्तर श्रेढ़ी कक्षा 10 (Arithmetic Progressions Class 10th) Social mediaMost Used Popular Internet Messenger And Social Media Platform In Hindi. समुच्चय कक्षा 11 (The Sets Class 11th) flowchart and algorithmsC language Algorithms, Flowchart, and Terms In Hindi. Apache open officeApache Open Office. Intel microprocessorsAbout Microprocessors Cpu in Hindi. बहुपद कक्षा 10 (Polynomial Class 10th) About Libre office. दशमलव संख्याएँ कक्षा 7 (Decimal Number Class 7th) निर्देशांक ज्यामिति कक्षा 9 (The Coordinate Geometry Class 9th) निर्देशांक ज्यामिति कक्षा 10 (The Coordinate Geometry Class 10th) दो चर वाले रैखिक समीकरण युग्म कक्षा 10 (Pair of Linear Equations in Two Variables Class 10th) c programmingWhat Is C Programming In Hindi. वास्तविक संख्याओं पर संक्रियाएँ कक्षा 9वीं (Operations on Real Numbers Class 9th) वास्तविक संख्याओं का दशमलव प्रसार कक्षा 9वीं (Decimal Expansion of Real Numbers Class 9th) त्रिकोणमिति कक्षा 10 (The Trigonometry Class 10th) Python programmingAbout Python Programming In Hindi. हीरोन का सूत्र कक्षा 9 (Heron’s Formula Class 9th) बहुपद कक्षा 9वीं (Polynomial Class 9th) यूक्लिड की ज्यामिति का परिचय कक्षा 9 (Introduction to Euclid’s Geometry Class 9th) भिन्न संख्याएँ कक्षा 7 (Fraction Class 7th) First Program In C Language. in hindiFirst Program In C Language In Hindi. पूर्णांक संख्याएँ कक्षा 6 (Integer Class 6th) Windows 11 operating systemAbout Microsoft windows 11 Hindi. संख्या पद्धति कक्षा 9वीं (Number System Class 9th) पूर्ण संख्याएँ कक्षा 6 (Whole Number Class 6th) दो चरों वाले रैखिक समीकरण कक्षा 9 (Linear Equations of two Variables Class 9th) Python Q&A Sections in hindiPython Q&A Sections In Hindi. परिमेय संख्याओं का दशमलव प्रसार कक्षा 10 (Decimal Expansion of Rational Number Class 10th) बहुपद के शून्यकों का ज्यामितीय (आलेखीय) अर्थ कक्षा 10 [Geometrical (Graphical) Meaning of the Zeroes of the Polynomial Class 10th] त्रिभुजों की समरूपता कक्षा 10 (Similarity of Triangles Class 10th) एक वृत्त के चाप द्वारा अंतरित कोण कक्षा 10 (Angles Made by the Arc of Circle Class 10th) द्विघात समीकरण कक्षा 10 (Quadratic Equations Class 10th) प्रायिकता कक्षा 10 (Probability Class 10th) रेखाएँ और कोण कक्षा 9 (Lines and Angles Class 9th) htmlLearn Html वृत्त की जीवा द्वारा अंतरित कोण कक्षा 10 (Angle Made by a Chord of Circle Class 10th) परिमाप और क्षेत्रफल कक्षा 6 (Perimeter and Area for Class 6th) समान्तर श्रेढ़ी का n वाँ पद (व्यापक पद) कक्षा 10 (nth Term of Arithmetic Progression Class 10th) Data type in c programming.Data Type In C Programming Hindi. विभाजन सूत्र कक्षा 10 (The Section Formula Class 10th) बीजगणित प्रश्नोत्तर (The Algebra Q & A) एक चर वाले रैखिक समीकरण कक्षा 8 (Linear Equation in One Variable Class 8th) Type of Variable In C Programming.Type of Variable In C Programming In Hindi. NCERT गणित कक्षा 10 अध्याय 1 वास्तविक संख्याएँ हल समान्तर श्रेढ़ी के पहले n पदों का योग कक्षा 10 (Sum of n Terms of Arithmetic Progression Class 10th) Operators In C Programming.Operators In C Programming Hindi. घात और घातांक कक्षा 8 (Powers and Exponents Class 8th) अपरिमेय संख्या और अपरिमेयता कक्षा 10 (Irrational Number and Irrationality Class 10th) वृत्तों से संबंधित क्षेत्रफल कक्षा 10 (Areas Related to Circle Class 10th) कार्तीय समतल में दो बिन्दुओं के बीच की दूरी और दूरी सूत्र कक्षा 10 (The Distance Formula Class 10th) संबंध और फलन कक्षा 12 (Relation and Function Class 12th) Start With C Programming in hindiStart With C Programming In Hindi. वर्ग और वर्गमूल कक्षा 8 (Square and Square Root Class 8th) यूक्लिड विभाजन प्रमेयिका कक्षा 10 (The Euclid’s Division Lemma Class 10th) वृत्त की स्पर्श रेखा और छेदक रेखा कक्षा 10 (Tangent and Secant of Circles Class 10th) एक वृत्त के एकान्तर खंड के कोण कक्षा 10 (Angles of Alternate Segment of Circle Class 10th) क्षेत्रमिति प्रश्नोत्तर (The Mensuration Q & A) अंकगणित की आधारभूत प्रमेय कक्षा 10 (Fundamental Theorem of Arithmetic Class 10th) त्रिभुज और इसके गुण कक्षा 10 (The Triangle and its Properties Class 10th) वास्तविक संख्याएँ कक्षा 8 (Real Number Class 8th) निर्देशांक ज्यामिति में त्रिभुज का क्षेत्रफल कक्षा 10 (Area of the Triangle in Coordinate Geometry Class 10th) वास्तविक संख्याओं के लिए घातांक के नियम कक्षा 9 (Laws of Exponents for Real Numbers Class 9th) पृष्ठीय क्षेत्रफल और आयतन कक्षा 10 (Surface Area and Volume Class 10th) चक्रीय चतुर्भुज कक्षा 10 (Cyclic Quadrilateral Class 10th) windows question and answerMicrosoft Windows Q&A Sections In Hindi. कुछ विशिष्ट कोणों के लिए त्रिकोणमितीय अनुपात कक्षा 10 (Trigonometric Ratios of Specific Angles Class 10th) संख्या रेखा पर वास्तविक संख्याओं का निरूपण कक्षा 9वीं (Representation of Real Numbers on the Number Line Class 9th) त्रिकोणमिति के कुछ अनुप्रयोग कक्षा 10 (Some Application of Trigonometry Class 10th) परिमेय संख्याएँ कक्षा 8 (Rational Numbers Class 8th) वृत्त की परिधि कक्षा 10 (The Circumference of Circle Class 10th) विभाजन एल्गोरिथ्म, शेषफल प्रमेय और गुणनखंड प्रमेय कक्षा 10 (Division Algorithm, Remainder and Factor Theorem Class 10th) पाइथागोरस प्रमेय (बौधायन प्रमेय) कक्षा 10 (The Pythagoras Theorem Class 10th) Forms and Input ElementsHtml Forms and Input Elements HTML ElementsHTML Elements पूर्णांक संख्याएँ कक्षा 7 (Integer Class 7th) वृत्त और इसके भाग कक्षा 10 (Circle and its Parts Class 10th) html5Learn Html5 HTML Document StructureHTML Document Structure Images and MultimediaImages and Multimedia in HTML Apple Mac Os Q&A Sections in hindiApple Mac Os Q&A Sections In Hindi. Text Formatting.Html Text Formatting प्रायिकता प्रश्नोत्तर (The Probability Q & A) बहुपदों पर संक्रियाएँ कक्षा 10 (Operation on Polynomial Class 10th) विभिन्न बिंदुओं से गुजरने वाले वृत्त कक्षा 10 (Circle Passing Through Different Points Class 10th) प्रायिकता कक्षा 9 (The Probability Class 9th) बहुपदों के शून्यक कक्षा 10 (Zeroes of Polynomials Class 10th) Introduction to HTML.Introduction to HTML HTML TablesHTML Tables गुणनखंड विधि कक्षा 10 (Factoring Method Class 10th) द्विघाती सूत्र (श्रीधराचार्य सूत्र) कक्षा 10 (Shridharacharya Sutra Class 10th) Linux hindiLinux Q&A Sections In Hindi. पूर्ण वर्ग विधि कक्षा 10 (Complete the Square Method Class 10th) HTML ListsHTML Lists न्यून कोणों के त्रिकोणमितीय अनुपात कक्षा 10 (Trigonometric Ratio of Acute Angles Class 10th) HTML Semantic ElementsHTML Semantic Elements Links and Anchor TagsHTML Links and Anchor Tags द्विघाती बहुपद के शून्यको और गुणांको के बीच संबंध कक्षा 10 (Relation Between Zeroes and Coefficients of a Quadratic Polynomial Class 10th) Microsoft office Q&A Section in hindiMicrosoft office Q&A Section In Hindi. bootstrap cssWhat Is Bootstrap Css Microsoft office 2016About Microsoft office 2016 About Raspberry pi board About Microsoft Office 2013 Pro Plus. view.jsAbout Vue.js xmlAbout Xml learn c programmingLearn C Programming tailwind cssWhat Is Tailwind Css javascript programmingLearn Java Script Programming त्रिकोणमितीय अनुपातों के बीच सम्बन्ध कक्षा 10 (Relationship Between Trigonometric Ratios Class 10th)

Similar Posts

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top