What is HTML Iframe?
- HTML Iframe का उपयोग Nested Web Page (Web Page के भीतर एक Web Page) को Display करने के लिए किया जाता है। HTML <iframe> Tag एक Inline Frame को Define करता है, इसलिए इसे Inline Frame भी कहा जाता है।
- एक HTML iframe आयताकार क्षेत्र में वर्तमान HTML Document के भीतर एक और Document Embeds करता है।
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>HTML Iframe</title>
</head>
<body>
<h1>Example HTML Iframe</h1>
<iframe src="https://aiyoit.com/" width="400px" height="250px"></iframe>
</html>
What is HTML Class Attribute?
- HTML Class Attribute का उपयोग HTML Element के लिए एक Class Specific करने के लिए किया जाता है।
- Multiple HTML Element एक ही Class को Share कर सकते हैं।
- Class Attribute का प्रयोग अक्सर Style Sheet में Class Name को Point करने के लिए किया जाता है। Specific Class के Name के साथ Element तक पहुँचने और Manipulate करने के लिए इसका उपयोग JavaScript द्वारा भी किया जा जाता है।
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>HTML Classes & Id</title>
<style>
.hello{
color: blueviolet;
}
.test{
background: yellow;
}
</style>
</head>
<body>
<h1>Example HTML Class</h1>
<p class="hello">Lorem ipsum dolor sit amet.</p>
<p class="test">Lorem ipsum dolor sit amet.</p>
<p class="test hello">Lorem ipsum dolor sit amet.</p>
</html>
What is HTML Id Attribute?
- HTML Id Attribute का उपयोग HTML Element के लिए एक Unique Id Specifies करने के लिए किया जाता है।
- आपके पास HTML Document में एक ही Id के साथ एक से अधिक Element नहीं हो सकते।
- Id Attribute HTML Element के लिए एक Unique Id Specifies करती है। HTML Document में Id Attribute का Value Unique होना चाहिए।
- Style Sheet में एक Specific Style की Declaration को Point करने के लिए Id Attribute का उपयोग किया जाता है। इसका उपयोग JavaScript द्वारा Specific Id के साथ Element तक पहुँचने और Manipulate करने के लिए भी किया जाता है।
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>HTML Classes & Id</title>
<style>
#hello{
background: blueviolet;
color: black;
padding: 40px;
text-align: center;
}
</style>
</head>
<body>
<h1 id="hello">Example HTML Id</h1>
</html>
Trending Today
Facebook
Pinterest
LinkedIn
WhatsApp
