आज इस आर्टिकल में हम आपको 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 के बारे में बता रहे है.
- Notepad (यह कंप्यूटर में पहले से होता है.)
- Notepad++ (यह एक फ्री सॉफ्टवेयर है जिसका इस्तेमाल आप कोड लिखने के लिए कर सकते है.) Link
- Sublime Text 3 (इस सॉफ्टवेयर का इस्तेमाल सबसे ज्यादा किया जाता है.) Link
- Bracket (यह एक light weight सॉफ्टवेयर है.) Link
- Adobe Dreamweaver (इसका इस्तेमाल भी कई लोग करते है, लेकिन यह हैवी सॉफ्टवेयर है) Link
Browser for HTML Code in Hindi
इसके लिए आप कोई भी web browser का इस्तेमाल कर सकते है, वैसे ज्यादातर 4 browser का इस्तेमाल सबसे ज्यादा होता है.
- Chrome
- Firefox
- Opera
- Internet Explorer
HTML की फाइल कैसे बनाए?
HTML की फाइल बनाने के लिए आपको इस फाइल को .html या .htm से सेव करना जरुरी है. इसके बाद ही आप इस फाइल को सही ढंग से browser में open कर सकते है.
- सबसे पहले आपको अपने कंप्यूटर में Notepad open करना है.
- इसके बाद में आपको अपना html का कोड लिखना है.
First HTML code - इसके बाद में आपको फाइल को सेव करना है. फाइल को Save करने के लिए
ctrl+spress करे.
save html file - इसके बाद में आपको फाइल के नाम के आखिर में
.htmlलिखना है. यह बहुत जरुरी है किसी भी फाइल को browser में देखने के लिए. - इसके बाद में आपके फाइल के लोकेशन पर जाना है और right click करना है.
- इसके बाद में आपको open with पर क्लिक करके अपना browser सेलेक्ट करना है.
open html file in browser - इसके बाद में आपकी फाइल browser में open होकर नीचे दिखाई गयी फोटो जैसा show करेगा.
html file in browser - आप
<h1> element , <title> elementऔर<p> elementका content हिंदी में ना लिखे नही तो यह browser पर show नही होगा. इसीलिए हमने यहाँ पर थोडा चेंज करके आपको फाइनल फोटो दिखाई है.
