रिसेट बटन (<input type=reset>) HTML फॉर्म में सभी इनपुट फील्ड्स क्लियर करने के लिए <input> टैग का type एट्रिब्यूट reset पर सेट करें। उदाहरण <!DOCTYPE html> <html> <body> <form> Student Name:<br> <input type=text name=sname><br>

<ol> और <cite> टैग्स का उपयोग बिब्लियोग्राफी (संदर्भ ग्रंथ सूची) बनाने के लिए <ol> से क्रमांकित सूची और <cite> से पुस्तक/कृति का शीर्षक मार्क करें। उदाहरण <!DOCTYPE html> <html> <head> <title>Bibliography</title> </head> <body>

CSS float प्रॉपर्टी दो <div> एलिमेंट्स को अगल-बगल रखने के लिए दोनों पर float: left लगाएं, ऊंचाई और मार्जिन सेट करें। उदाहरण <!DOCTYPE html> <html> <head> <title>HTML div</title> </head> <body> <div style=width: 100px; float:left; height:10

CSS float प्रॉपर्टी तीन <div> एलिमेंट्स को अगल-बगल रखने के लिए सभी पर float: left लगाएं, चौड़ाई, ऊंचाई और मार्जिन सेट करें। उदाहरण <!DOCTYPE html> <html> <head> <title>HTML div</title> </head> <body> <div style=width: 100px; float:left; he

ब्लॉक-लेवल सेक्शन के लिए <div> <div> टैग HTML डॉक्यूमेंट का एक सेक्शन डिफाइन करता है। बड़े ब्लॉक-लेवल एलिमेंट्स को ग्रुप करके एक साथ फॉर्मेट करने के लिए उपयोगी है। उदाहरण: ID सेलेक्टर के साथ <!DOCTYPE html> <html> <head> <title>HTML div Tag</title>

इंलाइन एलिमेंट्स के लिए <span> <span> टैग इंलाइन एलिमेंट्स को ग्रुप करके स्टाइल लागू करने के लिए उपयोग होता है। यह ब्लॉक-लेवल नहीं, केवल इंलाइन कंटेंट के लिए है। उदाहरण <!DOCTYPE html> <html> <head> <title>HTML span Tag</title> </head> <body&g

क्लास सेलेक्टर (Class Selector) HTML में class एट्रिब्यूट के आधार पर स्टाइल रूल्स डिफाइन करें। क्लास सेलेक्टर के लिए डॉट (.) फिर क्लास नाम लिखें, जैसे .black। .black { color: #000000; } केवल <h3> एलिमेंट्स जिनमें class=black हो, के लिए: h3.black { color: #000000; } उदाहरण: <p> टैग स्

CSS float प्रॉपर्टी फ्लोटिंग लेआउट वेबसाइट्स के लिए पारंपरिक मल्टी-कॉलम तरीका है। CSS float प्रॉपर्टी से एलिमेंट्स को बाएं/दाएं फ्लोट कराकर कॉलम्स बनाते हैं। उदाहरण <!DOCTYPE html> <html> <head> <style> div.mycontent { width: 100%; border: 1px solid green; }

CSS फ्लेक्सबॉक्स (Flexbox) फ्लेक्सबॉक्स लेआउट CSS3 में पेश किया गया। यह मल्टी-कॉलम लेआउट बनाने, स्क्रीन साइज़ के अनुसार एडजस्ट होने और रिस्पॉन्सिव डिज़ाइन के लिए शक्तिशाली है। मार्जिन कोलैप्स की समस्या नहीं होती। उदाहरण: फ्लेक्सबॉक्स लेआउट <!DOCTYPE html> <html> <head> <

<meta> टैग के उपयोग <meta> टैग HTML डॉक्यूमेंट में मेटाडेटा (जानकारी, कीवर्ड्स, लेखक आदि) डिफाइन करता है। HTML5 में व्यूपोर्ट भी सेट कर सकते हैं। मुख्य मेटा टैग्स: 1. लेखक (Author) <meta name=author content=Amit> 2. विवरण (Description) <meta name=description content=Learn fr

न्यूनतम वैध HTML आश्चर्यजनक लेकिन सच: एक वैध HTML डॉक्यूमेंट <html>, <head>, <body> टैग्स के बिना भी काम कर सकता है। केवल <!DOCTYPE html> डिक्लेरेशन अनिवार्य है जो ब्राउज़र को बताता है कि यह HTML5 पेज है। उदाहरण: न्यूनतम वैध HTML डॉक्यूमेंट <!DOCTYPE html> <title&g

style एट्रिब्यूट का उपयोग इंलाइन CSS के लिए किसी भी एलिमेंट पर style एट्रिब्यूट में CSS प्रॉपर्टीज़ लिखें: font-family, font-style, text-decoration, direction आदि। नोट: इंलाइन स्टाइल ग्लोबल/इंटरनल/एक्सटर्नल स्टाइल्स को ओवरराइड कर देता है। उदाहरण <!DOCTYPE html> <html> <head> &

<style> टैग का उपयोग इंटरनल CSS के लिए <style> टैग <head>…</head> के अंदर लिखें। यह केवल उसी पेज के लिए स्टाइल डिफाइन करता है। उदाहरण <!DOCTYPE html> <html> <head> <style> h1 {color: red;} p {font-size: 12px;} </style&

एब्सोल्यूट URL बाहरी वेबसाइट लिंक करने के लिए पूरा URL (एब्सोल्यूट URL) उपयोग करें, जैसे https://www.qries.com/questions.php। <a> टैग के मुख्य एट्रिब्यूट्स: क्र.सं.एट्रिब्यूट और विवरण 1href - पूर्ण URL निर्दिष्ट करता है 2rel - लिंक संबंध (nofollow, external, author, bookmark) 3target - लिं

रिलेटिव URL अपनी ही वेबसाइट के पेजों को लिंक करने के लिए रिलेटिव URL उपयोग करें, जैसे /contact, /about_team। <a> टैग के href एट्रिब्यूट में पथ दें। <a> टैग के मुख्य एट्रिब्यूट्स: क्र.सं.एट्रिब्यूट और विवरण 1href - URL निर्दिष्ट करता है 2rel - वर्तमान और लिंक्ड डॉक्यूमेंट का संबंध (no

CSS color प्रॉपर्टी लिंक का रंग बदलने के लिए CSS color प्रॉपर्टी को style एट्रिब्यूट के साथ उपयोग करें। उदाहरण <!DOCTYPE html> <html> <head> <title>HTML Link Color</title> </head> <body> <h2>About</h2> <p>Our <a href=/about

CSS text-decoration: none लिंक से अंडरलाइन हटाने के लिए CSS text-decoration: none प्रॉपर्टी को style एट्रिब्यूट के साथ उपयोग करें। उदाहरण <!DOCTYPE html> <html> <head> <title>HTML Text Decoration</title> </head> <body> <h2>About</h2>

target एट्रिब्यूट के मान <a> टैग का target एट्रिब्यूट तय करता है कि लिंक कहां खुलेगा: मानविवरण _blankनए टैब/विंडो में खोलें _selfवर्तमान टैब में खोलें (डिफ़ॉल्ट) _parentपेरेंट फ्रेम में खोलें _topसबसे ऊपरी फ्रेम में खोलें उदाहरण: नए टैब में खोलें <!DOCTYPE html> <html> <

<img> को <a> के अंदर रखें इमेज को लिंक बनाने के लिए <img> टैग को <a> टैग के अंदर रखें जिसमें href एट्रिब्यूट हो। src में इमेज URL, width/height में आकार दें। उदाहरण <!DOCTYPE html> <html> <head> <title>HTML Image as link</title> </head>

पेज के अंदर नेविगेशन बुकमार्क लिंक (नेम्ड एंकर) से पेज के किसी विशेष सेक्शन पर सीधे जा सकते हैं। पहले <a name=...> से बुकमार्क बनाएं, फिर <a href=#...> से लिंक दें। नोट: HTML5 में <a> का name एट्रिब्यूट डिप्रिकेटेड है। आधुनिक तरीका: किसी भी एलिमेंट पर id एट्रिब्यूट दें और href=#i