HTML Start learning with example

HTML

HTML Documents

सभी HTML डॉक्यूमेंट की कोडिंग डॉक्यूमेंट टाइप डिक्लेरेशन से शुरू होता है <!DOCTYPE html>.

कोई भी HTML डॉक्यूमेंट की <html> शुरुआत और अंत </html> से होता है

किसी भी वेब पेज का वो हिस्सा जो हमें browser में दिखाई देता है  <body> और  </body> टैग के बीच लिखा जाता है

किसी वेब पेज का टाइटल के <title> और  </title> बीच में लिखा जाता है जो <head> और  </head> के अंदर लिखा होता है

example

<!DOCTYPE html>
<html>
<body>

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<p>My first paragraph.</p>
<a href="www.google.com"> Open Google </a>
<img src="puppy.jpg" alt="puppy" width="150" height="150">

</body>
</html>

HTML Headings

HTML डॉक्यूमेंट में <h1>,<h2>…. <h6> टैग्स से हैडिंग डिफाइन करते हैं जिसमें <h1> से बड़ी हैडिंग होती है और <h6> टैग से सबसे छोटी हैडिंग बनती है|

HTML Paragraphs

इस टैग के बीच में सामान्य टेक्स्ट लिखते हैं  पैराग्राफ बदलने के लिए एक पैराग्राफ टैग close </p> करके दूसरा टैग open <p> करते हैं जैसे

<p> One para </p>

<p> Second Para </p>

HTML Links

किसी भी टेक्स्ट या इमेज को किसी दूसरे पेज या साइट से कनेक्ट करने को लिंक कहते हैं इसके लिए <a> टैग का इस्तेमाल करते हैं |

<a href=”www.google.com”> Open Google </a>

इसमें ब्राउज़र में पेज ओपन करने पर  Open Google और इस पर क्लिक करने पर www.google.com browser में खुल जायेगा |

HTML Images

<img src=”puppy.jpg” alt=”puppy” width=”150″ height=”150″>

किसी इमेज को वेब पेज में दिखाने के लिए <img> टैग का यूज़ करते हैं  इसमें  src के बाद ” ” में इमेज फाइल का नाम उसका पाथ भी देते हैं  और यहाँ इमेज की साइज़ को कण्ट्रोल करने के लिए उसके width और  height attribute का यूज़ करते हैं

Leave a Reply

Your email address will not be published. Required fields are marked *