HTML मूल उदाहरण
इस अध्याय में हम कुछ बुनियादी HTML उदाहरण दिखाएंगे।
यदि हम ऐसे टैग का उपयोग करते हैं जिनके बारे में आपने अभी तक नहीं सीखा है तो चिंता न करें।
एचटीएमएल दस्तावेज़
सभी HTML दस्तावेज़ दस्तावेज़ प्रकार की घोषणा के साथ प्रारंभ होने चाहिए: <!DOCTYPE html>
.
HTML दस्तावेज़ स्वयं से शुरू होता है <html>
और के साथ समाप्त होता है </html>
।
HTML दस्तावेज़ का दृश्य भाग और के बीच <body>
है </body>
।
उदाहरण
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
<!DOCTYPE> घोषणा
घोषणा दस्तावेज़ प्रकार का <!DOCTYPE>
प्रतिनिधित्व करती है, और ब्राउज़रों को वेब पेजों को सही ढंग से प्रदर्शित करने में मदद करती है।
यह केवल एक बार, पृष्ठ के शीर्ष पर (किसी भी HTML टैग से पहले) दिखाई देना चाहिए।
<!DOCTYPE>
घोषणा केस संवेदनशील नहीं है ।
<!DOCTYPE>
HTML5 के लिए घोषणा है :
<!DOCTYPE html>
एचटीएमएल शीर्षक
HTML शीर्षकों को <h1>
to <h6>
टैग के साथ परिभाषित किया गया है।
<h1>
सबसे महत्वपूर्ण शीर्षक को परिभाषित करता है। <h6>
कम से कम महत्वपूर्ण शीर्षक को परिभाषित करता है:
उदाहरण
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
एचटीएमएल पैराग्राफ
HTML पैराग्राफ को <p>
टैग के साथ परिभाषित किया गया है:
उदाहरण
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
एचटीएमएल लिंक
<a>
HTML लिंक को टैग के साथ परिभाषित किया गया है :
उदाहरण
<a href="https://www.w3schools.com">This is a link</a>
लिंक का गंतव्य href
विशेषता में निर्दिष्ट है।
HTML तत्वों के बारे में अतिरिक्त जानकारी प्रदान करने के लिए विशेषताओं का उपयोग किया जाता है।
आप बाद के अध्याय में विशेषताओं के बारे में अधिक जानेंगे।
एचटीएमएल छवियाँ
<img>
HTML छवियों को टैग के साथ परिभाषित किया गया है ।
स्रोत फ़ाइल ( src
), वैकल्पिक पाठ ( alt
),
width
, और height
विशेषताओं के रूप में प्रदान की जाती हैं:
उदाहरण
<img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">
HTML स्रोत कैसे देखें?
क्या आपने कभी एक वेब पेज देखा है और सोचा है "अरे! उन्होंने ऐसा कैसे किया?"
एचटीएमएल स्रोत कोड देखें:
एक HTML पृष्ठ में राइट-क्लिक करें और "पृष्ठ स्रोत देखें" (क्रोम में) या "स्रोत देखें" (एज में), या अन्य ब्राउज़रों में इसी तरह का चयन करें। यह पृष्ठ के HTML स्रोत कोड वाली एक विंडो खोलेगा।
एक HTML तत्व का निरीक्षण करें:
किसी तत्व (या रिक्त क्षेत्र) पर राइट-क्लिक करें, और यह देखने के लिए कि कौन से तत्व बने हैं (आप HTML और CSS दोनों देखेंगे) देखने के लिए "निरीक्षण" या "तत्व का निरीक्षण करें" चुनें। आप खुलने वाले एलिमेंट्स या स्टाइल्स पैनल में ऑन-द-फ्लाई एचटीएमएल या सीएसएस को संपादित भी कर सकते हैं।