नमस्ते मित्रों मुझे आशा है की आपको टुटोरिअल समझ में आ रही होंगी. मै कोशिश कर रहा हूँ की आसान से आसान शब्दों में आपको समझाऊं इसलिए मैंने हिंदी भाषा चुना, वैसे तो इंग्लिश में हजारों वेबसाइट मिल जायेंगे जहाँ आप HTML सिख सकते हैं. चलिए शुरुआत HTML डॉक्यूमेंट से करते हैं.

HTML Document:

  • सभी HTML डॉक्यूमेंट की शुरुआत <!DOCTYPE html> से करना चाहिए ताकि ब्राउज़र को आसानी से पता चल सके की आपका डॉक्यूमेंट HTML 5 version का है.
  • HTML डॉक्यूमेंट <html> tag से शुरू होते हैं और </html> tag से समाप्त होते हैं.
  • जितने भी दिखाई देने वाले भाग होते हैं वो <body></body> टैग्स के बीच में होते हैं. आप नीचे लिखे कोड का लाइव व्यू देख सकते हैं, चाहे तो edit भी कर सकते हैं.

Example

 <!DOCTYPE html>

 <html>

 <body>

 <h1>Heading for Origin Classes</h1>

 <p>Paragraph for origin classes</p>

 </body>

 </html>

कोशिश करें

HTML HEadings:

HTML  Headings <h1> से लेकर <h6> तक का होता है. जिसमे <h1> सबसे बड़ा, महत्वपूर्ण और <h6> सबसे कम उपयोगी होता है. उदाहरण के लिए आप देख सकते हैं:

 <h1>This is heading 1</h1>

 <h2>This is heading 2</h2>

 <h3>This is heading 3</h3>

कोशिश करें

HTML Paragraph:

HTML पैराग्राफ <p> tag से डिफाइंड किये जाते हैं.

 <p>This is a paragraph</p>

 <p>This is another paragraph</p>

 <p>This is also a paragraph</p>

कोशिश करें

HTML लिंक:

HTML लिंक <a> tags से डिफाइंड किये जाते हैं:

Example:

 <a href=”https://www.originclasses.com”>यह लिंक है.</a>

कोशिश करें

लिंक का डेस्टिनेशन href attribute में  रहता है.

Attribute का उपयोग HTML element में  एक्स्ट्रा इनफार्मेशन देने के लिए किया जाता है.

HTML Images:

HTML डॉक्यूमेंट में तस्वीर जोड़ने के लिए <img> tag का उपयोग किया जाता है. इस tag में कुछ attribute दिए जाते हैं जैसे की इमेज का लोकेशन कहाँ है, इमेज यदि लोड न हो तो उसके जगह पर कौन सा टेक्स्ट दिखाना है इत्यादि.

Example:

src=  image का location

alt=  image का alternate नाम और

height and width  image की लम्बाई और चौड़ाई को define करते हैं.

<img src="https://www.originclasses.com/wp-content/uploads/2017/12/cropped-logo-1.png" alt="originclasses.com" width="104" height="104">

कोशिश करें

इसी के साथ इस पोस्ट को यहीं विराम देते हैं. पोस्ट में कोई गलती मिले तो कमेंट बॉक्स में जरुर लिखें ताकि मै उसे सुधार कर सकूँ. अगर आपको मेरा पोस्ट अच्छा लग रहा हो तो इसे शेयर जरुर करें और फेसबुक पेज लाईक करना ना भूलें.

Origin Classes पर बने रहने के लिए धन्यवाद!

Pradeep Karn

Leave a Reply

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