HTML दस्तावेज़ की संरचना
HTML (हाइपरटेक्स्ट मार्कअप लैंग्वेज) वेब पेज बनाने की एक मानक भाषा है। एक HTML दस्तावेज़ की संरचना एक विशेष ढांचे के अनुसार होती है, जिससे ब्राउज़र उस दस्तावेज़ को सही ढंग से प्रदर्शित कर सके। आइए हम HTML दस्तावेज़ की संरचना और उसके प्रमुख टैग्स को समझें।
HTML दस्तावेज़ की संरचना में निम्नलिखित प्रमुख टैग्स होते हैं:
<html> टैग:
<html>टैग HTML दस्तावेज़ की शुरुआत और समाप्ति को दर्शाता है। इस टैग के भीतर अन्य सभी टैग्स आते हैं।- उदाहरण:
<html> <!-- अन्य टैग्स यहाँ --> </html>
<head> टैग:
<head>टैग में दस्तावेज़ की हेडर जानकारी होती है, जैसे कि मेटा डेटा, शीर्षक (<title>टैग), स्टाइल शीट्स और स्क्रिप्ट्स।- उदाहरण:
<html> <head> <title>मेरा पहला HTML पेज</title> </head> </html>
<body> टैग:
<body>टैग में वे सभी तत्व होते हैं जो वेब पेज पर दिखाई देते हैं, जैसे कि टेक्स्ट, इमेज, लिंक, टेबल्स, आदि।- उदाहरण:
<html> <head> <title>मेरा पहला HTML पेज</title> </head> <body> <h1>स्वागत है मेरे HTML पेज पर</h1> <p>यह मेरा पहला पैराग्राफ है।</p> </body> </html>
HTML दस्तावेज़ का बुनियादी ढांचा उदाहरण
एक बुनियादी HTML दस्तावेज़ निम्नलिखित तरीके से संरचित होता है:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>मेरा पहला HTML पेज</title> </head> <body> <header> <h1>स्वागत है मेरे HTML पेज पर</h1> </header> <nav> <ul> <li><a href="#home">मुखपृष्ठ</a></li> <li><a href="#about">हमारे बारे में</a></li> <li><a href="#services">सेवाएँ</a></li> <li><a href="#contact">संपर्क करें</a></li> </ul> </nav> <main> <section id="home"> <h2>मुखपृष्ठ</h2> <p>यह हमारा मुख्य पृष्ठ है जहाँ आप हमारे बारे में अधिक जान सकते हैं।</p> </section> <section id="about"> <h2>हमारे बारे में</h2> <p>हम एक वेब विकास कंपनी हैं जो आपके लिए उत्कृष्ट वेब समाधान प्रदान करती है।</p> </section> <section id="services"> <h2>सेवाएँ</h2> <p>हम विभिन्न प्रकार की सेवाएँ प्रदान करते हैं, जैसे वेब डिजाइनिंग, वेब विकास, और SEO सेवाएँ।</p> </section> </main> <footer> <p>© 2023 हमारा HTML पेज. सर्वाधिकार सुरक्षित.</p> </footer> </body> </html>
इस उदाहरण में, हमने HTML दस्तावेज़ की संरचना को दिखाया है, जिसमें <html>, <head>, और <body> टैग्स का उपयोग किया गया है। इस दस्तावेज़ में हेडर, नेविगेशन, मुख्य सामग्री, और फूटर के लिए विभिन्न अनुभाग बनाए गए हैं। यह एक साधारण लेकिन प्रभावी HTML पेज का बुनियादी ढांचा है।
HTML फाइल को एडिट कैसे करें
HTML फाइल को एडिट करने के लिए आप किसी भी टेक्स्ट एडिटर का उपयोग कर सकते हैं। यहाँ कुछ लोकप्रिय टेक्स्ट एडिटर हैं जिनका आप उपयोग कर सकते हैं:
1. Notepad (Windows)
2. Notepad++
3. TextEdit (Mac)
4. Sublime Text
5. Visual Studio Code
HTML फाइल को एडिट करने के लिए निम्नलिखित चरणों का पालन करें:
- टेक्स्ट एडिटर खोलें: अपने कंप्यूटर पर कोई भी टेक्स्ट एडिटर खोलें।
- नई फाइल बनाएं: एक नई फाइल बनाएं और उसमें HTML कोड लिखें। उदाहरण:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>मेरा पहला HTML पेज</title> </head> <body> <h1>स्वागत है मेरे HTML पेज पर</h1> <p>यह मेरा पहला पैराग्राफ है।</p> </body> </html>
HTML फाइल को सेव कैसे करें
HTML फाइल को सेव करने के लिए निम्नलिखित चरणों का पालन करें:
- सेव विकल्प चुनें: टेक्स्ट एडिटर के मेन्यू में “File” विकल्प पर क्लिक करें और “Save As” विकल्प चुनें।
- फाइल का नाम और एक्सटेंशन दें: फाइल का नाम दें और इसे `.html` एक्सटेंशन के साथ सेव करें। उदाहरण: `index.html`
- स्थान चुनें: वह स्थान चुनें जहाँ आप फाइल को सेव करना चाहते हैं और फिर “Save” बटन पर क्लिक करें।
HTML फाइल को रन कैसे करें
HTML फाइल को रन करने के लिए निम्नलिखित चरणों का पालन करें:
1. फाइल लोकेशन पर जाएं: उस स्थान पर जाएं जहाँ आपने अपनी HTML फाइल सेव की है।
2. फाइल खोलें: फाइल पर डबल-क्लिक करें या राइट-क्लिक करके “Open with” विकल्प चुनें और अपने पसंदीदा वेब ब्राउज़र (जैसे गूगल क्रोम, मोज़िला फायरफॉक्स, माइक्रोसॉफ्ट एज) का चयन करें।
3. ब्राउज़र में रन करें: HTML फाइल आपके वेब ब्राउज़र में खुल जाएगी और आप अपना वेब पेज देख सकते हैं।
उदाहरण
मान लीजिए आपने एक HTML फाइल बनाई है `index.html` के नाम से और उसमें निम्नलिखित कोड लिखा है:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>मेरा पहला HTML पेज</title> </head> <body> <h1>स्वागत है मेरे HTML पेज पर</h1> <p>यह मेरा पहला पैराग्राफ है।</p> </body> </html>
सेव करने के बाद:
1. आपने इस फाइल को `index.html` के नाम से सेव किया।
2. अब उस स्थान पर जाएं जहाँ आपने फाइल को सेव किया है।
3. फाइल पर डबल-क्लिक करें या राइट-क्लिक करके “Open with” और फिर अपने वेब ब्राउज़र का चयन करें।
4. फाइल आपके ब्राउज़र में खुल जाएगी और आप अपना HTML पेज देख सकेंगे।
इस प्रकार, आप HTML फाइल को एडिट, सेव और रन कर सकते हैं। यह प्रक्रिया बहुत सरल है और आप आसानी से अपने HTML कोड को ब्राउज़र में देख सकते हैं।
