<!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…
Category: HTML Tutorial
अगर हम Html पेज को पीडीएफ में बदलना चाहते हैं तो हमें नीचे दिए गए स्टेप्स को फॉलो करना होगा Step 1: सबसे पहले, हमें फ़ाइल पर डबल-क्लिक करके Html फ़ाइल को खोलना होगा। फ़ाइल हमारे सिस्टम के डिफ़ॉल्ट ब्राउज़र में खुलती है। Step 2: अब, हमें menu option पर क्लिक करना होगा जो ब्राउज़र…
डेस्कटॉप, टैबलेट और मोबाइल एचटीएमएल पेज हैंड कोडिंग 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:…
आइए देखें कि क्या हम 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> अब, मान लें कि हम दूसरे नेविगेशन आइटम पर एक उप-मेनू ड्रॉपडाउन चाहते हैं। हम वहां वही काम कर सकते हैं और उस सूची आइटम के भीतर लिंक की एक सूची शामिल…
अगर हमें Html में नेविगेशन बार बनाना है तो हमें नीचे दिए गए STEPS को फॉलो करना होगा। इन स्टेप्स का इस्तेमाल करके हम आसानी से नेविगेशन बार बना सकते हैं। Step1: सबसे पहले, हमें किसी भी टेक्स्ट एडिटर में HTML CODE करना होगा या टेक्स्ट एडिटर में मौजूदा HTML FILE को खोलना होगा जिसमें…
मान लीजिए कि आप “12 एंग्री मेन” वाक्यांश का उपयोग करना चाहते हैं। यहां, आप नहीं चाहेंगे कि कोई ब्राउज़र “12, एंग्री” और “मेन” को दो पंक्तियों में विभाजित करे – इस तकनीक का एक उदाहरण फिल्म “12 एंग्री मेन” में दिखाई देता है। ऐसे मामलों में, जहां आप नहीं चाहते कि क्लाइंट ब्राउज़र टेक्स्ट…
कभी-कभी, आप चाहते हैं कि आपका टेक्स्ट HTML दस्तावेज़ में लिखे गए प्रारूप के सटीक प्रारूप का पालन करे। इन मामलों में, आप पहले से प्रारूपित टैग <pre> का उपयोग कर सकते हैं। ओपनिंग <pre> टैग और क्लोजिंग </pre> टैग के बीच कोई भी टेक्स्ट सोर्स डॉक्यूमेंट के फॉर्मेटिंग को सुरक्षित रखेगा। <!DOCTYPE html> <html>…
क्षैतिज रेखाओं का उपयोग किसी दस्तावेज़ के अनुभागों को दृष्टिगत रूप से विभाजित करने के लिए किया जाता है। <hr> टैग दस्तावेज़ में वर्तमान स्थिति से दाहिने हाशिये तक एक रेखा बनाता है और उसी के अनुसार रेखा को तोड़ता है। उदाहरण के लिए, आप नीचे दिए गए उदाहरण के अनुसार दो अनुच्छेदों के बीच…
आप किसी भी कंटेंट को पेज के बीच में या किसी टेबल सेल में डालने के लिए <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…
जब भी आप <br /> तत्व का उपयोग करते हैं, तो उसके बाद का कुछ भी अगली पंक्ति से शुरू होता है। यह टैग एक खाली तत्व का उदाहरण है, जहां आपको टैग खोलने और बंद करने की आवश्यकता नहीं है, क्योंकि उनके बीच में जाने के लिए कुछ भी नहीं है। <br /> टैग…
<p> टैग आपके टेक्स्ट को अलग-अलग पैराग्राफ में संरचित करने का एक तरीका प्रदान करता है। टेक्स्ट के प्रत्येक पैराग्राफ को ओपनिंग <p> और क्लोजिंग </p> टैग के बीच में जाना चाहिए जैसा कि उदाहरण में नीचे दिखाया गया है – <!DOCTYPE html> <html> <head> <title>Paragraph Example</title> </head> <body> <p>Here is a first paragraph of…
कोई भी दस्तावेज़ एक शीर्षक से शुरू होता है। आप अपने शीर्षकों के लिए विभिन्न आकारों का उपयोग कर सकते हैं। HTML में शीर्षकों के छह स्तर भी होते हैं, जो <h1>, <h2>, <h3>, <h4>, <h5>, और <h6> तत्वों का उपयोग करते हैं। किसी भी शीर्षक को प्रदर्शित करते समय, ब्राउज़र उस शीर्षक से पहले…