HTML Start learning with example
Learning HTML With examples In Hindi
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 का यूज़ करते हैं