HTML Tutorial

How to create popup Without js Class-5

<!Doctype Html> <Html> <Head> <Title> Popup/Modal Windows without JavaScript</Title> <style> body {font-family: Arial, sans-serif;background: url(images/bg.jpg) no-repeat;background-size: cover;height: 100vh;} h1 {text-align: center;font-family: Tahoma, Arial, sans-serif;color: #ff8e08;margin: 80px 0;} .box {width: 40%;margin: 0 auto;background: rgba(255,255,255,0.2);padding: 35px;border: 2px solid #fff;border-radius: 20px;background-clip: padding-box;text-align: center;} .button {font-size: 1em;padding: 10px 20px;color: #000;border: 2px solid #ff8e08;border-radius: 20px;text-decoration: none;cursor: pointer;transition: all 0.3s ease-out;}.button:hover…

How to Convert Html to PDF Class-4

अगर हम Html पेज को पीडीएफ में बदलना चाहते हैं तो हमें नीचे दिए गए स्टेप्स को फॉलो करना होगा Step 1: सबसे पहले, हमें फ़ाइल पर डबल-क्लिक करके Html फ़ाइल को खोलना होगा। फ़ाइल हमारे सिस्टम के डिफ़ॉल्ट ब्राउज़र में खुलती है। Step 2: अब, हमें menu option पर क्लिक करना होगा जो ब्राउज़र…

How to make a responsive page in html Class-3

डेस्कटॉप, टैबलेट और मोबाइल एचटीएमएल पेज हैंड कोडिंग write in stylesheet header tag <style> * { box-sizing: border-box; } .row::after { content: “”; clear: both; display: table; } [class*=”col-“] { float: left; padding: 15px; } html { font-family: “Lucida Sans”, sans-serif; } .header { background-color: #ff8e08; color: #ffffff; padding: 15px; } .menu ul { list-style-type:…

How to make a dropdown menu in html Class-2

आइए देखें कि क्या हम CSS के साथ मेनू बना सकते हैं। <nav role=”navigation”> <ul> <li><a href=”#”>One</a></li> <li><a href=”#”>Two</a></li> <li><a href=”#”>Three</a></li> </ul> </nav> अब, मान लें कि हम दूसरे नेविगेशन आइटम पर एक उप-मेनू ड्रॉपडाउन चाहते हैं। हम वहां वही काम कर सकते हैं और उस सूची आइटम के भीतर लिंक की एक सूची शामिल…

How to make a navigation bar in html Class-1

अगर हमें Html में नेविगेशन बार बनाना है तो हमें नीचे दिए गए STEPS को फॉलो करना होगा। इन स्टेप्स का इस्तेमाल करके हम आसानी से नेविगेशन बार बना सकते हैं। Step1: सबसे पहले, हमें किसी भी टेक्स्ट एडिटर में HTML CODE करना होगा या टेक्स्ट एडिटर में मौजूदा HTML FILE को खोलना होगा जिसमें…

Nonbreaking Spaces

मान लीजिए कि आप “12 एंग्री मेन” वाक्यांश का उपयोग करना चाहते हैं। यहां, आप नहीं चाहेंगे कि कोई ब्राउज़र “12, एंग्री” और “मेन” को दो पंक्तियों में विभाजित करे – इस तकनीक का एक उदाहरण फिल्म “12 एंग्री मेन” में दिखाई देता है। ऐसे मामलों में, जहां आप नहीं चाहते कि क्लाइंट ब्राउज़र टेक्स्ट…

Preserve Formatting

कभी-कभी, आप चाहते हैं कि आपका टेक्स्ट HTML दस्तावेज़ में लिखे गए प्रारूप के सटीक प्रारूप का पालन करे। इन मामलों में, आप पहले से प्रारूपित टैग <pre> का उपयोग कर सकते हैं। ओपनिंग <pre> टैग और क्लोजिंग </pre> टैग के बीच कोई भी टेक्स्ट सोर्स डॉक्यूमेंट के फॉर्मेटिंग को सुरक्षित रखेगा। <!DOCTYPE html> <html>…

Horizontal Lines

क्षैतिज रेखाओं का उपयोग किसी दस्तावेज़ के अनुभागों को दृष्टिगत रूप से विभाजित करने के लिए किया जाता है। <hr> टैग दस्तावेज़ में वर्तमान स्थिति से दाहिने हाशिये तक एक रेखा बनाता है और उसी के अनुसार रेखा को तोड़ता है। उदाहरण के लिए, आप नीचे दिए गए उदाहरण के अनुसार दो अनुच्छेदों के बीच…

Centering Content

आप किसी भी कंटेंट को पेज के बीच में या किसी टेबल सेल में डालने के लिए <center> टैग का इस्तेमाल कर सकते हैं। <!DOCTYPE html> <html> <head> <title>Centring Content Example</title> </head> <body> <p>This text is not in the center.</p> <center> <p>This text is in the center.</p> </center> </body> </html> This will produce the following…

Line Break Tag

जब भी आप <br /> तत्व का उपयोग करते हैं, तो उसके बाद का कुछ भी अगली पंक्ति से शुरू होता है। यह टैग एक खाली तत्व का उदाहरण है, जहां आपको टैग खोलने और बंद करने की आवश्यकता नहीं है, क्योंकि उनके बीच में जाने के लिए कुछ भी नहीं है। <br /> टैग…

Paragraph Tag

<p> टैग आपके टेक्स्ट को अलग-अलग पैराग्राफ में संरचित करने का एक तरीका प्रदान करता है। टेक्स्ट के प्रत्येक पैराग्राफ को ओपनिंग <p> और क्लोजिंग </p> टैग के बीच में जाना चाहिए जैसा कि उदाहरण में नीचे दिखाया गया है – <!DOCTYPE html> <html> <head> <title>Paragraph Example</title> </head> <body> <p>Here is a first paragraph of…

Heading Tags

कोई भी दस्तावेज़ एक शीर्षक से शुरू होता है। आप अपने शीर्षकों के लिए विभिन्न आकारों का उपयोग कर सकते हैं। HTML में शीर्षकों के छह स्तर भी होते हैं, जो <h1>, <h2>, <h3>, <h4>, <h5>, और <h6> तत्वों का उपयोग करते हैं। किसी भी शीर्षक को प्रदर्शित करते समय, ब्राउज़र उस शीर्षक से पहले…