Introduction to HTML in Hindi

Spread the love

आज इस आर्टिकल में हम आपको Introduction to HTML in Hindi के बारे में बता रहे है.

HTML का इस्तेमाल वेबसाइट का structure बनाने के लिए किया जाता है. Web page बनाने के लिए आप HTML, CSS और Javascript का इस्तेमाल कर सकते है.

What is HTML in Hindi?

यह एक standard markup up लैंग्वेज है, जिसका इस्तेमाल web pages बनाने के लिए किया जाता है. इसके कुछ पॉइंट्स हम आपको नीचे बता रहे है.

  • HTML Full Form:- Hyper Text Markup Language
  • HTML के element का इस्तेमाल करके HTML page के block बना सकते है.
  • एक HTML element दो tag से मिलकर बना होता है. (कुछ tag को छोड़कर)
  • एक HTML element एक start tag और एक closing tag से मिलकर बना होता है.
  • इसमें कुछ पहले से बने बनाये tag होते है जिसका इस्तेमाल करके एक web page बनाया जा सकता है.
  • HTML के tag पढने में आसान होते है.
  • HTML सबसे आसान लैंग्वेज है.

HTML Version in Hindi

वर्शन

शुरुवात

HTML 1991
HTML 2.0 24 Nov 1995
HTML 3.2 14 Jan 1997
HTML 4.01 24 Dec 1999
XHTML May 2000
HTML 5 28 Oct 2014
HTML 5.1 1 Nov 2016
HTML 5.2 14 Dec 2017

HTML Tags Information in Hindi

जैसा का की हमने आपको पहले बताया की ज्यादातर element दो tag से शुरू और बंद होता है. इसके बीच में जो लिखा जाता है वह HTML page को effect करता है.

<tag का नाम> आपको अपना content यहाँ पर लिखना है. </tag का नाम>

HTML Sample Pages Code in Hindi

<!DOCTYPE html>
<html>
<head>
<title>यहाँ पर page टाइटल डालना है.</title>
</head>
<body>

<h1>यहाँ पर पहली हैडिंग आएगी.</h1>
<p>यहाँ पर पैराग्राफ डालना है.</p>

</body>
</html>

अब हम ऊपर बताए गए tag के बारे में थोडा डिटेल्स में पढ़ते है.

  • <!DOCTYPE html> इस tag का इस्तेमाल HTML5 डिक्लेरेशन के लिए किया जाता है.
  • <html> </html> यह HTML pages का root element होता है.
  • <head> </head> यह tag डॉक्यूमेंट की meta इनफार्मेशन को रखता है.
  • <title></title> यह किसी डॉक्यूमेंट को नाम देना होता है. इसके बीच आप जो भी लिखते है वह आपको ब्राउज़र के टैब में दिखाई देता है.
  • <body></body> यह डॉक्यूमेंट की body होती है. इसके बीच में वो सभी tag आते है जो आपको browser की screen पर दिखाने होते है.
  • <h1></h1> यह हैडिंग देने के लिए इस्तेमाल किया जाता है. (Heading के बारे में हम आगे के tutorial में पढेंगे)
  • <p> </p> इसका इस्तेमाल करके हम डॉक्यूमेंट में पैराग्राफ लिखते है.

HTML Code कैसे लिखे?

HTML का कोड लिखने के लिए आपके पास 2 चीजें होना बहुत जरुरी है. 1. Text Editor 2. Browser

Top Text Editor For HTML Code

अब हम आपको html कोड लिखने के कुछ बेस्ट text editor के बारे में बता रहे है.

  1. Notepad (यह कंप्यूटर में पहले से होता है.)
  2. Notepad++ (यह एक फ्री सॉफ्टवेयर है जिसका इस्तेमाल आप कोड लिखने के लिए कर सकते है.) Link
  3. Sublime Text 3 (इस सॉफ्टवेयर का इस्तेमाल सबसे ज्यादा किया जाता है.) Link
  4. Bracket (यह एक light weight सॉफ्टवेयर है.) Link
  5. Adobe Dreamweaver (इसका इस्तेमाल भी कई लोग करते है, लेकिन यह हैवी सॉफ्टवेयर है) Link

Browser for HTML Code in Hindi

इसके लिए आप कोई भी web browser का इस्तेमाल कर सकते है, वैसे ज्यादातर 4 browser का इस्तेमाल सबसे ज्यादा होता है.

  1. Chrome
  2. Firefox
  3. Opera
  4. Internet Explorer

HTML की फाइल कैसे बनाए?

HTML की फाइल बनाने के लिए आपको इस फाइल को .html या .htm से सेव करना जरुरी है. इसके बाद ही आप इस फाइल को सही ढंग से browser में open कर सकते है.

  • सबसे पहले आपको अपने कंप्यूटर में Notepad open करना है.
  • इसके बाद में आपको अपना html का कोड लिखना है.

    First HTML code
    First HTML code
  • इसके बाद में आपको फाइल को सेव करना है. फाइल को Save करने के लिए ctrl+s press करे.

    save html file
    save html file
  • इसके बाद में आपको फाइल के नाम के आखिर में .html लिखना है. यह बहुत जरुरी है किसी भी फाइल को browser में देखने के लिए.
  • इसके बाद में आपके फाइल के लोकेशन पर जाना है और right click करना है.
  • इसके बाद में आपको open with पर क्लिक करके अपना browser सेलेक्ट करना है.

    open html file in browser
    open html file in browser
  • इसके बाद में आपकी फाइल browser में open होकर नीचे दिखाई गयी फोटो जैसा show करेगा.

    html file in browser
    html file in browser
  • आप <h1> element , <title> element और <p> element का content हिंदी में ना लिखे नही तो यह browser पर show नही होगा. इसीलिए हमने यहाँ पर थोडा चेंज करके आपको फाइनल फोटो दिखाई है.

Next Tutorial

HTML Basic In Hindi>>>>>>>>>>>

Be the first to comment

Leave a Reply

Your email address will not be published.


*