HTML iframe tag in Hindi ( What is iframe in HTML )
दोस्तों , आज हम इस post के माध्यम से सिखने वाले है की HTML में iframe tag का use क्यों किया जाता है |
Iframe का use किसी web page में दूसरा web page या external object को दिखाने के लिए किया जाता है | एक iframe काफी हद तक एक web browser के भीतर एक mini web browser की तरह काम करता है। साथ ही, एक iframe के अंदर के contents आसपास के elements से पूरी तरह से स्वतंत्र होते है।
How to use HTML iframe tag in Hindi
HTML web pages में iframe create करने के लिए <iframe> tag का use किया जाता है |
Web page में iframe add करने का basic sysntex कुछ इस प्रकार है |
<iframe src="URL"></iframe>src attribute में specified URL , External object या Web page के location को point करता है |
निम्न उदाहरण current HTML Document के iframe में techsamundra.com का home page display करेगा |
<iframe src="https://techsamundra.com/"></iframe>Output
How to set iframe width and height ( iframe ki width aur height kaise change kare )
आप iframe में अपने requirement के according width और height set कर सकते है |<iframe> element में width को बढ़ाने या घटाने के लिए width attribute का use किया जाता है और height बढ़ाने या घटाने के लिए height attribute का use किया जाता है |
<iframe src="https://techsamundra.com/" width="200" height="200"></iframe>Output
आप हमारे video को भी देख सकते है |
how to remove default border from iframe html ( iframe se Default Frameborder kaise remove kare )
iframe में default रूप से चारो ओर border होती है | हालांकि, अगर आप iframe की border को modify या हटाना चाहते हैं, तो css border property का उपयोग करना सबसे अच्छा तरीका है।
निम्नलिखित उदाहरण बिना किसी border के केवल iframe display करेगा।
<iframe src="https://techsamundra.com/" style="border: none;"></iframe>Output
इसी तरह, आप अपनी requirement के according borders को iframe में जोड़ने के लिए css border property का उपयोग कर सकते हैं। निम्नलिखित उदाहरण iframe को 2 pixels और blue border के साथ display करेगा।
<iframe src="https://techsamundra.com/" style="border: 2px solid blue;"></iframe>Output
How to add link target in iframe ( iframe me link target kaise banaye )
iframe को hyperlink के target के लिए भी use किया जा सकता है |
name attribute का उपयोग करके iframe का नाम दिया जा सकता है।
इसका तात्पर्य यह है कि जब उस iframe name के साथ एक target attribute वाले link पर clicked किया जाता है , तब link किया गया संसाधन ( resource ) उस iframe में open हो जाएगा।
iframe में link को target करने के लिए anchor tag में target attribute का use किया जाता है | यदि आपको anchor tag के बारेमे जानकारी नहीं है तो आप हमारा post – HTML Anchor Tag in Hindi को read कर सकते है |
आइए इसे और बहेतर समझने के लिए निम्न उदहारण को देखे |
<iframe src="https://techsamundra.com/wp-content/uploads/2022/08/HTML-me-form-kaise-banaye.jpg" name="form-element"></iframe>
<p><a href="https://techsamundra.com/html-me-form-kaise-banaye/" target="form-element">Open Form element in HTML post</a></p>
Open Form element in HTML post
यह भी पढ़े |