 |
HTML Basic in Hindi (HTML बेसिक) |
इस अध्याय में हम कुछ मूल HTML उदाहरण दिखाएंगे।
चिंता न करें अगर हम उन टैग का उपयोग करते हैं जिनके बारे में आपने अभी तक नहीं सीखा है।
HTML Documents (HTML दस्तावेज़)
सभी HTML दस्तावेज़ों को एक दस्तावेज़ प्रकार घोषणा के साथ शुरू करना चाहिए: <!DOCTYPE html>
HTML दस्तावेज़ स्वयं <html> से शुरू होता है और </html> से समाप्त होता है
HTML दस्तावेज़ का दृश्य भाग <body> और </body> के बीच है
Example:
<!DOCTYPE html>
<html>
<body>
<h1>माई फर्स्ट हेडिंग</h1>
<p>मेरा पहला पैराग्राफ</p>
</body>
</html>
माई फर्स्ट हेडिंग
मेरा पहला पैराग्राफ
The <!DOCTYPE> Declaration
<!DOCTYPE> घोषणा दस्तावेज़ प्रकार का प्रतिनिधित्व करती है, और ब्राउज़र को वेब पेजों को सही ढंग से प्रदर्शित करने में मदद करती है।
यह केवल पृष्ठ के शीर्ष पर (किसी भी HTML टैग से पहले) दिखाई देना चाहिए।
<!DOCTYPE> घोषणा संवेदनशील नहीं है।
HTML5 के लिए <!DOCTYPE> घोषणा है:
<!DOCTYPE html>
HTML Headings (HTML शीर्षकों)
HTML शीर्षकों को <h1> से <h6> टैग के साथ परिभाषित किया गया है।
<h1> सबसे महत्वपूर्ण शीर्षक को परिभाषित करता है। <h6> कम से कम महत्वपूर्ण शीर्षक को परिभाषित करता है:
Example:
<!DOCTYPE html>
<html>
<body>
<h1>यह शीर्ष (heading) 1 है</h1>
<h2>यह शीर्ष (heading) 2 है</h2>
<h3>यह शीर्ष (heading) 3 है</h3>
<h4>यह शीर्ष (heading) 4 है</h4>
<h5>यह शीर्ष (heading) 5 है</h5>
<h6>यह शीर्ष (heading) 6 है</h6>
</body>
</html>
यह शीर्ष (heading) 1 है
यह शीर्ष (heading) 2 है
यह शीर्ष (heading) 3 है
यह शीर्ष (heading) 4 है
यह शीर्ष (heading) 5 है
यह शीर्ष (heading) 6 है
HTML Paragraphs (HTML पैराग्राफ)
HTML पैराग्राफ को <p> टैग के साथ परिभाषित किया गया है:
Example:
<!DOCTYPE html>
<html>
<body>
<p>यह एक पैराग्राफ है।</p>
<p>यह एक और पैराग्राफ है।</p>
</body>
</html>
Output:
यह एक पैराग्राफ है।
यह एक और पैराग्राफ है।
HTML Links (HTML लिंक)
HTML लिंक को <a> टैग से परिभाषित किया गया है:
Example:
<!DOCTYPE html>
<html>
<body>
<h2>HTML लिंक</h2>
<p>HTML लिंक एक टैग के साथ परिभाषित किए गए हैं:</p>
<a href="https://www.lscsp.in">This is a link</a>
</body>
</html>
Output:
HTML लिंक
HTML लिंक एक टैग के साथ परिभाषित किए गए हैं:
लिंक का गंतव्य href विशेषता में निर्दिष्ट है।
विशेषताएँ HTML तत्वों के बारे में अतिरिक्त जानकारी प्रदान करने के लिए उपयोग की जाती हैं।
आप बाद के अध्याय में विशेषताओं के बारे में अधिक जानेंगे।
HTML Images (HTML छवियाँ)
HTML छवियों को <img> टैग के साथ परिभाषित किया गया है।
स्रोत फ़ाइल (src), वैकल्पिक पाठ (ऊँचाई), चौड़ाई और ऊँचाई attributes के रूप में प्रदान की जाती हैं:
Example:
<!DOCTYPE html>
<html>
<body>
<h2>HTML Images</h2>
<p>HTML छवियों को img टैग के साथ परिभाषित किया गया है:</p>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcbEFnpXW_77dd9iIEsB4ZKCqfk3rlprxDiFaKDSNTXeuAGWz024D7sloawZA_7CoizqBkM6JaHkt4V9tHDcmV4o7fv_vrs7OnWK2Ttl88ifrX7o7UoJWElMQP_ccD61rRo3Am27H9Ow_G/w640-h282/html.JPG" alt="lscsp.in" width="104" height="142">
</body>
</html>
HTML Images
HTML छवियों को img टैग के साथ परिभाषित किया गया है:
HTML सोर्स कैसे देखें?
क्या आपने कभी एक वेब पेज देखा और सोचा "अरे! उन्होंने ऐसा कैसे किया?"
HTML स्रोत कोड देखें:
एक HTML पृष्ठ में राइट-क्लिक करें और "व्यू पेज सोर्स" (क्रोम में) या "व्यू सोर्स" (एज में), या अन्य ब्राउज़रों में समान चुनें। यह पेज के HTML सोर्स कोड वाली एक विंडो खोलेगा।
एक HTML तत्व का निरीक्षण करें:
किसी तत्व (या रिक्त क्षेत्र) पर राइट-क्लिक करें, और "निरीक्षण करें" या "तत्व का निरीक्षण करें" चुनें कि क्या तत्व बने हैं (आप HTML और सीएसएस दोनों देखेंगे)। खुलने वाले एलिमेंट्स या स्टाइल्स पैनल में आप HTML या CSS को ऑन-फ्लाई भी एडिट कर सकते हैं।
HTML Editors in Hindi (HTML संपादकों)
---
मुझे उम्मीद है कि आपको यह अच्छी पोस्ट पसंद आएगी। इसे अपने दोस्तों के साथ साझा करना न भूलें, शेयरिंग बटन पोस्ट के नीचे है। इसके अलावा, यदि इंटरमीडिएट में कोई नकारात्मक पहलू है, तो टिप्पणी बॉक्स का अनुरोध करने में संकोच न करें। हम आपकी मदद करने के लिए खुश होने जा रहे हैं।
मैं इस ब्लॉग पर अधिक से अधिक लिखना जारी रखूंगा, इसलिए हमारे ब्लॉग BlogLearner को अपने मोबाइल या कंप्यूटर पर बुकमार्क (Ctrl + D) के रूप में बनाना न भूलें और अपने ईमेल में सभी पोस्ट प्राप्त करने के लिए हमें सदस्यता लें। अगर आपको यह पोस्ट पसंद आए तो इन पोस्ट को शेयर करना न भूलें। आप हमें फेसबुक या ट्विटर जैसी सोशल नेटवर्किंग साइटों पर साझा करके अतिरिक्त व्यक्तियों तक पहुंचने की सुविधा प्रदान कर सकते हैं।
 |
| PHP tutorial in Hindi. |
No comments:
Post a Comment