UNIQUE INSTITUTE OF COMPUTER TECHNOLOGY

html introduction

HTML क्या है?

HTML का पूरा नाम HyperText Markup Language है। यह एक ऐसी भाषा है जो वेब पेज और वेब एप्लिकेशन बनाने के लिए उपयोग की जाती है। HTML एक मार्कअप भाषा है, जिसका मतलब है कि यह वेब पेज पर टेक्स्ट, इमेज, लिंक, वीडियो, और अन्य कंटेंट को व्यवस्थित करने के लिए टैग्स (Tags) का उपयोग करती है।

HTML का उपयोग क्यों किया जाता है?

 

    • वेब पेज पर कंटेंट (जैसे हेडिंग, पैराग्राफ, इमेज, आदि) को व्यवस्थित करने के लिए।

    • अन्य वेब भाषाओं जैसे CSS और JavaScript के साथ मिलकर, वेब पेज को डिज़ाइन और इंटरएक्टिव बनाने के लिए।

    • किसी भी वेब ब्राउज़र पर वेब पेज दिखाने के लिए।

HTML का उदाहरण

आइए एक बेसिक HTML कोड का उदाहरण देखें:

<!DOCTYPE html>
<html>
<head>
<title>मेरा पहला वेब पेज</title>
</head>
<body>

<h1>नमस्ते, दुनिया!</h1>
<p>यह मेरा पहला HTML वेब पेज है।</p>

</body>
</html>

कोड का विवरण:

    1. <!DOCTYPE html>: यह ब्राउज़र को बताता है कि यह HTML5 डॉक्युमेंट है।

    1. <html> और </html>: यह HTML डॉक्युमेंट की शुरुआत और अंत को दर्शाता है।

    1. <head> और </head>: इसमें मेटा जानकारी (जैसे पेज का टाइटल) होती है।

    1. <title> और </title>: वेब पेज का टाइटल, जो ब्राउज़र टैब पर दिखता है।

    1. <body> और </body>: इसमें मुख्य कंटेंट होता है जो पेज पर दिखेगा।

    1. <h1> और <p>: हेडिंग और पैराग्राफ के लिए उपयोग किए जाते हैं।

    1. <a>: यह एक लिंक को दर्शाता है।

आउटपुट कैसा दिखेगा?

जब आप इस HTML को किसी ब्राउज़र में खोलेंगे, तो यह इस तरह दिखाई देगा:

नमस्ते, दुनिया!

यह मेरा पहला HTML वेब पेज है।
Google पर जाएं

स्टूडेंट्स को सलाह:

 

    • HTML का अभ्यास करने के लिए VS-code या Sublime या Dreamviewer  Code या Notepad++ जैसे टेक्स्ट एडिटर्स का उपयोग करें।

    • अपने कोड को सेव करने के बाद .html एक्सटेंशन में सेव करें और इसे ब्राउज़र में खोलें।

    • छोटे-छोटे प्रोजेक्ट बनाकर HTML को सीखें।

Select the fields to be shown. Others will be hidden. Drag and drop to rearrange the order.
  • Image
  • SKU
  • Rating
  • Price
  • Stock
  • Availability
  • Add to cart
  • Description
  • Content
  • Weight
  • Dimensions
  • Additional information
  • Attributes
  • Custom attributes
  • Custom fields
Click outside to hide the comparison bar
Compare