HTML प्रोग्रामिंग लैंग्वेज कैसे सीखें | HTML in Hindi

क्या आप जानते है HTML क्या है (What is HTML in Hindi). ब्लॉग्गिंग के क्षेत्र में सफलता पाने के लिए HTML की जानकारी होना बहुत जरुरी है. एक सफल ब्लॉगर बनने के लिए हमे बहुत सी चीजो की जानकारी होना चाहिए उनमे से एक HTML है.

HTML एक Programming language जिसे अन्य प्रोग्रामिंग लैंग्वेज के मुकाबले सीखना बहुत आसान होता है जैसे Java, PHP, JavaScript, Python, C, etc. HTML प्रोग्रामिंग की  basic language होती है जिसे सीखना बेहद जरूरी है.आज के इस पोस्ट में हम जानेंगे HTML क्या है और इसका इस्तेमाल कैसे करें.

HTML क्या है (What is HTML in Hindi)

structure of html in hindi
HTML का फुल फॉर्म है Hyper Text Markup Language. HTML एक लैंग्वेज है, जिसका इस्तेमाल वेबसाइट बनाने में किया जाता है. HTML लैंग्वेज और प्रोग्रामिंग लैंग्वेज जैसे C, C++, Java के मुकाबले आसान होती है, जिससे कोई भी व्यक्ति कम समय में सीख सकता है.किसी webpage को बनाने के लिए HTML लैंग्वेज का इस्तेमाल किया जाता है, अभी आप जो इस पेज को देख रहे है, इसको भी बनाने में HTML Language का इस्तेमाल किया गया है.

HTML के संस्थापक Tim Berners lee है जिन्होंने सन 991 में किया था. HTML एक Platform Independent Language है, जिसका इस्तेमाल किसी भी प्लेटफार्म में कर सकते है जैसे कि- Windows, Linux, Macintosh आदि. HTML एक हर शब्द में एक विशेष अर्थ छिपा हुआ है.

Hyper

Hyper का मतलब यह है की HTML बिना Sequence के काम करती है जबकि और programming language में Sequence एक बाद दूसरा Sequence आता है तभी Program Execute होता है.यदि किसी फाइल में Hyper Link लगा है और कोई यूजर उस लिंक पर क्लिक करता है तो वह Open हो जायेगा.

इसमें यह जरुरी नहीं है की कितने Element है और कितने लोड हुए या नहीं. HTML file में सभी Element एक- दूसरे से Independent रहते है. यह जरुरी नहीं कि कोई एक HTML File नहीं चल रही है तो दूसरी भी नहीं चलेगी. HTML elements की सभी HTML files एक-दूसरे से independent रहती है.

Text

किसी web page में text का होना बहुत जरुरी होता है. Text ही बताता है की यह web page किस बारे में है. HTML text को सही ढंग से web pages में present करने के लिए इस्तेमाल किया जाता है.

Markup

Web Page बनाने के लिए “HTML Tags का इस्तेमाल करते है. सभी HTML Tags के अन्दर Text को परिभाषित किया जाता है जैसे किसी text को <h1> tag के द्वारा परिभाषित करते है तो Web Page में वह text सबसे बड़ी और bold heading के रूप में दिखाई देगा, इसे ही Markup कहते है.

Language

HTML एक Computer Language है जिसका इस्तेमाल Web Document बनाने के लिए किया जाता है.

Basic HTML Tags in Hindi

1. Html tag – <html>
2. Head tag- <head>
3. Title tag- <title>
4. Body tag- <body>
5. Heading tag- <h1>
6. Paragraph tag- <p>
7. Line break tag- <br/>
8. Centering content tag- <center>
9. Horizontal line tag- <hr>

HTML से Web page कैसे बनाये?

HTML से Web page बनाने के लिए आपको एक Text Editor खोलना है जैसे Notepad,Notepad ++,Brackets . अब निचे दिए गए कोड का इस्तेमाल कर Web page बनाये.  Code लिखने के बाद file Save करना है. फाइल Save करते समय ध्यान दे कि फाइल नाम के बाद .html जरुर लिखे जैसे firstcode.html.

Basic HTML Code

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

अब Save किये गए फाइल को किसी भी ब्राउज़र में Open करें तो इस प्रकार का Output मिलेगा.

HTML Code in HIndi

Tex Color और Background कैसे बदलें -How To Change Text Color And Background Color In Html

अपने webpage को आकर्षक बनाने के लिए हम Text Color और Background color बदलते हैं.

Text Color बदलने के लिए Font Tag का इस्तेमाल किया जाता है और Color Attribute में Color का नाम लिखते है जैसे.

<font color="white">This is a paragraph</font>

Background Color बदलने के लिए bgcolor attribute का इस्तेमाल किया जाता है और Color Attribute में Color का नाम लिखते है जैसे.

<body bgcolor="blue">

अब इन Code का इस्तेमाल करके एक प्रोग्राम लिखते हैं.

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body bgcolor="blue">

<font color="white">This is a paragraph</font>

</body>
</html>

इस कोड का आउटपुट इस प्रकार से मिलेगा.
BGColor HTML in HIndi
Webpage में photo कैसे लगाये – How to Add Image in HTML

webpage में फोटो लगाने के लिए Img tag का इस्सतेमाल करते हैं.Image किसी भी webpage में चार चाँद लगा देता है. यूजर को आधी जानकारी फोटो देखकर मिल जाती है. इसलिए आपको भी अपने webpage फोटो लगाना चाहिए. तो आइये जानते हैं कि webpage में फोटो कैसे लगायें.

सबसे पहले आप webpage और Image को एक Folder Save कर रखें.अब image लगाने के लिए अपने webpage में इस कोड को लगायें.

<img src="images/fistimage.jpg">

नोट: यहाँ पर इमेज का नाम और extension जरुर लिखे जैसे .jpg .png .gif इत्यादि.

image का आकार कम या ज्यादा करने के लिए निचे दिए गए height और width attribute का इस्तेमाल करते हैं.

<img src="images/firstimage.jpg" height="300px" width="400px">

Explain Basic html Document in Hindi

  • <!DOCTYPE html> इसके माध्यम से पता चलता है कि Web page Html language में है।
  • <html> यह शुरूआती Tag होता है जिसके अन्दर सभी HTML Tag लिख जाते है.
  • <head> यहाँ पर Web page के लिए Meta Tag लिखे जाते है.
  • <title> Web page के लिए Title लिखने के लिए.
  • <body> यहाँ पर लिखे गए Content Browser में दिखेंगे.
  • <h1> Web page में large heading लिखने के लिए.
  • <p> Web page में paragraph लिखने के लिए.

List of HTML Versions in Hindi

अब जानते है की HTML के कौन कौन से Versions है. HTML के हर Versions में कुछ नया features जरुर जुड़ा रहता है.

HTML 1.0

यह HTML का सबसे पहला Version था. जिसमे Webpage को को बनाने के लिए बहुत कम feature थे और इसका इस्तेमाल भी बहुत कम लोग करते थे.

HTML 2.0

यह HTML का द्वतीय Version था जिसे सन 1995 में Develop किया गया था. इसमें Image Tag का नया feature जोड़ा गया. इस समय इन्टरनेट का ज्यादा प्रचलन नहीं था.

HTML 3.0

इस version के आने तक HTML और इन्टरनेट दोनों काफी लोकप्रिय हो चुके थे, जिस कारण ज्यादा से ज्यादा लोग HTML सीखना चाहते थे.यह version में browsers के साथ compatibility नहीं था जिस कारण इस version को रोक दिया गया था। बाद में इसमें बहुत सारे बदलाव किये गए जिससे इसका नया version लांच किया गया.

HTML 3.2

यह version HTML 3.0 का Advance version था, जिसका इस्तेमाल व्यापक रूप में होने लगा था. इसी दौरान W3C (World Wide Web Consortium) ने website development के लिए HTML को standard language के रूप में घोषित किया था।

HTML 4.0

इस version के साथ में CSS (cascading style sheet) और बहुत सारे Tag को जोड़ा गया. अब HTML पूर्ण रूप से Modern Language बन चुकी थी और सभी ब्राउज़र के compatibility थी.

HTML 5.0

यह HTML का सबसे नया version है जिसमे multimedia supported tag जोड़े गये.

XHTML (eXtensible HyperText Markup Language)

इस version में HTML और XML को साथ में जोड़ा गया था.
मुझे उम्मीद है आपको यह पोस्ट HTML क्या है (What is HTML in Hindi) और इसके Basic Code के बारे में जरुर अच्छी लगी होगी. यदि आपके मन में HTML से जुड़े को सवाल है तो निचे कमेंट कर सकते है. साथ ही इस पोस्ट को सोशल मीडिया पर भी जरुर शेयर करें जिससे और लोगो को HTML की सही जानकारी मिलेगी.

ये भी पढ़े-
Python क्या है- What is Python in Hindi
Javascript क्या है- What is Javascript in Hindi
DBMS क्या है- What is DBMS in Hindi

About Vijay Singraul

नमस्कार दोस्तों, मैं HindiMePost का Chief Author और Founder हूँ. मुझे Blogging और Technology से जुडी जानकारियां पढने और दूसरों के साथ शेयर करने में अच्छा लगता है. आप भी इस ब्लॉग से जुड़े और रोजाना कुछ नया सीखें.
Instagram

3 thoughts on “HTML प्रोग्रामिंग लैंग्वेज कैसे सीखें | HTML in Hindi”

  1. gaurav kapoor

    sir mujhe aapke site me guest post krna hai aor aapse do follow backlink chahiye, May I ?

Leave a Comment

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