एचटीएमएल ट्यूटोरियल

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

एचटीएमएल फॉर्म

एचटीएमएल फॉर्म एचटीएमएल फॉर्म गुण एचटीएमएल फॉर्म एलिमेंट्स एचटीएमएल इनपुट प्रकार एचटीएमएल इनपुट गुण HTML इनपुट फॉर्म विशेषताएँ

एचटीएमएल ग्राफिक्स

एचटीएमएल कैनवास एचटीएमएल एसवीजी

एचटीएमएल मीडिया

एचटीएमएल मीडिया एचटीएमएल वीडियो एचटीएमएल ऑडियो एचटीएमएल प्लग-इन एचटीएमएल यूट्यूब

एचटीएमएल एपीआई

एचटीएमएल जियोलोकेशन एचटीएमएल ड्रैग/ड्रॉप एचटीएमएल वेब स्टोरेज एचटीएमएल वेब वर्कर्स एचटीएमएल एसएसई

एचटीएमएल उदाहरण

एचटीएमएल उदाहरण एचटीएमएल प्रश्नोत्तरी एचटीएमएल व्यायाम एचटीएमएल प्रमाणपत्र एचटीएमएल सारांश एचटीएमएल अभिगम्यता

एचटीएमएल संदर्भ

एचटीएमएल टैग सूची एचटीएमएल गुण HTML वैश्विक गुण एचटीएमएल ब्राउज़र समर्थन एचटीएमएल घटनाक्रम एचटीएमएल रंग एचटीएमएल कैनवास एचटीएमएल ऑडियो/वीडियो एचटीएमएल सिद्धांत एचटीएमएल कैरेक्टर सेट एचटीएमएल यूआरएल एनकोड एचटीएमएल लैंग कोड HTTP संदेश HTTP तरीके पीएक्स से ईएम कन्वर्टर कुंजीपटल अल्प मार्ग

एचटीएमएल इफ्रेम्स


एक वेब पेज के भीतर एक वेब पेज को प्रदर्शित करने के लिए एक HTML iframe का उपयोग किया जाता है।



एचटीएमएल इफ्रेम सिंटेक्स

HTML <iframe>टैग एक इनलाइन फ्रेम निर्दिष्ट करता है।

वर्तमान HTML दस्तावेज़ में किसी अन्य दस्तावेज़ को एम्बेड करने के लिए एक इनलाइन फ़्रेम का उपयोग किया जाता है।

वाक्य - विन्यास

<iframe src="url" title="description"></iframe>

युक्ति: title के लिए हमेशा एक विशेषता शामिल करना एक अच्छा अभ्यास है <iframe>इसका उपयोग स्क्रीन रीडर्स यह पढ़ने के लिए करते हैं कि आईफ्रेम की सामग्री क्या है।


इफ्रेम - ऊंचाई और चौड़ाई सेट करें

iframe का आकार निर्दिष्ट करने के लिए heightऔर विशेषताओं का उपयोग करें ।width

ऊंचाई और चौड़ाई डिफ़ॉल्ट रूप से पिक्सेल में निर्दिष्ट होती है:

उदाहरण

<iframe src="demo_iframe.htm" height="200" width="300" title="Iframe Example"></iframe>

या आप styleविशेषता जोड़ सकते हैं और CSS heightऔर width गुणों का उपयोग कर सकते हैं:

उदाहरण

<iframe src="demo_iframe.htm" style="height:200px;width:300px;" title="Iframe Example"></iframe>


इफ्रेम - सीमा हटा दें

डिफ़ॉल्ट रूप से, एक आईफ्रेम के चारों ओर एक सीमा होती है।

सीमा को हटाने के लिए, विशेषता जोड़ें styleऔर CSS गुण का उपयोग करें border:

उदाहरण

<iframe src="demo_iframe.htm" style="border:none;" title="Iframe Example"></iframe>

CSS के साथ, आप iframe के बॉर्डर का आकार, शैली और रंग भी बदल सकते हैं:

उदाहरण

<iframe src="demo_iframe.htm" style="border:2px solid red;" title="Iframe Example"></iframe>

इफ्रेम - एक लिंक के लिए लक्ष्य

एक लिंक के लिए लक्ष्य फ्रेम के रूप में एक आईफ्रेम का उपयोग किया जा सकता है।

लिंक की विशेषता को iframe targetकी विशेषता का उल्लेख करना चाहिए :name

उदाहरण

<iframe src="demo_iframe.htm" name="iframe_a" title="Iframe Example"></iframe>

<p><a href="https://www.w3schools.com" target="iframe_a">W3Schools.com</a></p>

अध्याय का सारांश

  • HTML <iframe>टैग एक इनलाइन फ्रेम निर्दिष्ट करता है
  • src विशेषता पृष्ठ के URL को एम्बेड करने के लिए परिभाषित करती है
  • हमेशा एक titleविशेषता शामिल करें (स्क्रीन रीडर के लिए)
  • और विशेषताएँ iframe के आकार को निर्दिष्ट करती heightहैंwidth
  • border:none;आईफ्रेम के चारों ओर सीमा को हटाने के लिए प्रयोग करें

एचटीएमएल व्यायाम

व्यायाम के साथ खुद को परखें

व्यायाम:

एक यूआरएल पते के साथ एक आईफ्रेम बनाएं जो https://www.w3schools.com पर जाए।

<आईफ्रेम ="https://www.w3schools.com"></iframe>


एचटीएमएल आईफ्रेम टैग

Tag Description
<iframe> Defines an inline frame

सभी उपलब्ध HTML टैग्स की पूरी सूची के लिए, हमारे HTML टैग संदर्भ पर जाएं ।