Pages

HTML Basic



इस अध्याय में हम कुछ मूल HTML उदाहरण दिखाएंगे।

  • चिंता ना करें हम उन टैग का उपयोग करेंगे जो आपने अभी तक नहीं सीखे हैं।

HTML दस्तावेज़:- 

  • सभी HTML दस्तावेज़ों को DOCTYPE के साथ शुरू करना चाहिए जिसका कोड आपको नीचे दिया गया है  <!DOCTYPE html>
  • HTML डॉक्युमेंट शुरू <html> से और खत्म </html> से होता है ।
  • HTML दस्तावेज़ का दृश्य भाग जो एक webisite के खोलने पर जो दिखाई देता है वो वो सारा भाग body के बीच में लिखा जाता है  शुरू <body> से और खत्म  </body> से होता है ।
<!DOCTYPE html>
<html>
<head>
<title>Tutorial</title>
</head>
<body>

<h1>HTML Tutorial</h1>
<p>On the Insert tab, the galleries include items that are designed to coordinate with the overall look of your document.</p>

</body>
</html>
Try this

<! DOCTYPE> घोषणा:-

  • यह घोषणा दस्तावेज़ प्रकार का प्रतिनिधित्व करता है,  और सही ढंग से वेब पृष्ठों को ब्राउज़रों में प्रदर्शन करता है।

  • यह केवल पृष्ठ के शीर्ष पर (किसी भी HTML (<html>) टैग से पहले) दिखाई देना चाहिए।
  • यह घोषणा संवेदनशील नहीं है।
  • यह HTML 5 के लिए घोषणा है|
<!DOCTYPE html>

HTML शीर्षक :-

  • HTML शीर्षकों <h1> से <h6> टैग के साथ परिभाषित किया गया है ।
  • <h1> सबसे महत्वपूर्ण शीर्षक को परिभाषित करता है। जबकि <h6> सबसे कम महत्वपूर्ण शीर्षक को परिभाषित करता है |
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3> 
<h4>This is heading 4</h4>
<h5>This is heading 5</h5> 
<h6>This is heading 6</h6>
Try this

HTML पैराग्राफ:-

  • HTML पैराग्राफ को <p> टैग के साथ परिभाषित किया गया है |
  • <p> से शुरू तथा </p> से बंद होता है |
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
Try this

HTML लिंक:-

  • HTML लिंक <a> टैग के साथ परिभाषित किए गए हैं |
  • लिंक का गंतव्य href विशेषता में निर्दिष्ट है । 
  • वैबसाइट पर जो भी लिंक दिये होते है वो इसी की सहायता से बनाए जाते है|
  • विशेषताएँ HTML तत्वों के बारे में अतिरिक्त जानकारी प्रदान करने के लिए उपयोग की जाती हैं।
  • आप बाद के अध्याय में विशेषताओं के बारे में अधिक जानेंगे।
<a href="https://www.sapnaitgk.com">This is a link</a>
Try this

HTML छवियाँ (Image):-

  • HTML छवियों (Image) को <img> टैग के साथ परिभाषित किया गया है ।
  • स्रोत फ़ाइल ( src), वैकल्पिक पाठ ( alt) width, और height विशेषताएँ के रूप में प्रदान की जाती हैं |
  • src मे image का लिंक डाला जाता है |
  • alt में image का नाम डाला जा सकता है | किसी कारण से अगर image show नहीं हो पाती है तो एसी स्थिति मे आपका alternative alt मे लिखा गया टेक्स्ट दिखाई देता है | 
  • width व height image के size को बढ़ाने व खटने का कार्य करता है |
<img src="w3schools.jpg" alt="sapnaitgk.com" width="150" height="200">
Try this

HTML स्रोत कोड देखें:-

  • ब्राउज़र मे किसी भी website के पेज में राइट-क्लिक करें और "View Page Source" (google Chrome Browser / Mozilla Firefox ब्राउज़र में) या "View Source" (Microsoft edge browser  में) अन्य ब्राउज़रों में भी इसी प्रकार से खोल सकते हो व HTML सोर्स कोड देख सकते हो ।
  • यदि उसने right click को disable किया हुआ है तो निम्न लिंक को replace करके भी HTML Source code को देखा जा सकता है |
  • आप किसी भी वैबसाइट के लिंक के आगे view-source: लिख कर source code देख सकते हो इसका उपयोग एक मोबाइल फोन मे भी किया जा सकता है |
view-source:https://www.sapnaitgk.com/

0 Comments:

Post a Comment