Introduction of HTML iframe in Hindi
इस लेख मे हम iframe के बारे मे detail मे जानेंगे। इसके द्रारा आप webpage के अलग section मे divide कर सकते हो।
HTML Iframe
इसकी मदद से आप HTML दस्तावेज़ के भीतर अन्य दस्तावेज़ को embed कर सकते है।
iframe को webpage मे किसी भी position मे set किया जाता है।
आप अन्य site को भी आपके web page मे show करवा सकते है।
Iframe Syntax
HTML मे iframe को <iframe> tag से दर्शाया जाता है।
<iframe src="URL"></iframe>आपको src attribute मे url या file का path दे सकते है।
उदाहरण
<!DOCTYPE html> <html> <body> <p>HTML Iframe in Hindi </p> <iframe src="https://megatechbook.com/" height="500px" width="550px;"></iframe> </body> </html>
Iframe – Height and Width को set करना
Height and Width attribute का इस्तेमाल करके आप iframe की size को define कर सकते है।
Height and Width को आप pixel या percentage मे specify कर सकते है।
उदाहरण
<!DOCTYPE html> <html> <body> <p>HTML Iframe in Hindi </p> <iframe src="https://megatechbook.com/web-development/" height="400px" width="600px;"></iframe> </body> </html>
आप इसको CSS की मदद से भी show कर सकते है।
उदाहरण
<!DOCTYPE html> <html> <body> <p>iframe example </p> <iframe src="https://megatechbook.com/web-development/" style="height:300px;width:500px;"></iframe> </body> </html>
Iframe – Border को remove करना
iframe मे bydefault border होती है।
अगर आप उसे remove करना चाहते है तो आप CSS border property का इस्तेमाल करके remove कर सकते है।
उदाहरण
<!DOCTYPE html> <html> <body> <p>iframe example </p> <iframe src="https://megatechbook.com/web-development/" style="border:none;"></iframe> </body> </html>
आप CSS की मदद से border को change भी कर सकते है।
उदाहरण
<!DOCTYPE html> <html> <body> <p>iframe example </p> <iframe src="https://megatechbook.com/web-development/" style="border:3px solid red;"></iframe> </body> </html>
Iframe – Target for a Link
आप चाहते है की आप link के जरिये iframe मे result को show करे।
मतलब की जब आप link पर click करेगे तब iframe मे result show होगा।
इसके लिए आपको link generate करना होगा और इस link को iframe के साथ जोड़ना होगा।
उदाहरण
<!DOCTYPE html> <html> <body> <p>target a link </p> <iframe src="" height="500px" width="550px;" name="first" ></iframe> <p><a href="https://megatechbook.com/web-development/" target="first">Click Here</a></p> </body> </html>
जब आप click here पर click करेगे तब iframe मे web page show होगा।
NEXT : HTML Form tag in Hindi