अगर आप Web Development सीखना चाहते है तो इसके लिए आपको HTML की जानकारी होणा बहुत जरूरी है। जब भी आप कोई website बनाने की सोचते है तो इसके लिया आपको HTML की जानकारी होना बहुत जरूरी है क्योंकि इसके बिना कोई भी website नहीं बनाई जा सकती है।
अगर आप भी HTML के बारे मे जानना चाहते है तो आज के इस Article के माध्यम से हम What is HTML in Hindi के बारे मे जानने वाले है क्योंकि अगर आप web development करना चाहते है तो आपको सबसे पहले HTML की जानकारी होना बहुत जरूरी है।
What is HTML in Hindi?
HTML का पूरा नाम Hyper Text Markup Language है। यह World Wide Web की language है। यह एक standard text formatting language है जिसका इस्तेमाल web पर pages को create और display करने के लिए किया जाता है। यह text को अधिक dynamic और interactive बनाती है।
What is Full Form of HTML?
HTML का पूरा नाम Hyper Text Markup Language है।
What is Markup Language in Hindi
मार्कअप लैंग्वेज एक computer language होती है जिसका इस्तेमाल text documents मे layout को apply करने और conventions formatting के लिए किया जाता है। Markup Language किसी भी text को ज्यादा interactive और dynamic बनाती है।
दूसरे शब्दों मे कहे तो Markup Language एक ऐसी लैंग्वेज है जिसमे कुछ tags की मदद से browser को instruction दिए जाते है और browser इसके अनुसार web program या website तैयार करता है। HTML एक साधारण सी लैंग्वेज है जो Tags और element से मिलकर बनती है।
What are elements in Hindi
Elements किसी भी HTML document मे individual components होते है। elements के अंदर tags का इस्तेमाल किया जाता है और इन tags से मिलकर ही elements बनते है।
What are HTML Tags in Hindi
HTML tags मुख्यतः तीन चीजों से बने होते है, opening tag, content and ending tag, HTML documents मे दो चीजे शामिल होती है content और tag जब भी web browser किसी HTML document को पढ़ता है तो वह इसे ऊपर् से नीचे और बाये से दाहिने की तरफ पढ़ता है।
एचटीएमएल (HTML) tag का इस्तेमाल HTML document को create करने के लिए किया जाता है। वैसे तो प्रत्येक टैग opening tag से शुरू होकर closing tag पर खत्म हो जाता है लेकिन कुछ elements ऐसे भी होते है जिनमे closing tag का इस्तेमाल नहीं किया जाता है जैसे img tag मे closing tag का इस्तेमाल नही किया जाता है। इसमे tag की formatting अलग होती है।
Also Read:- HTML Interview Questions in Hindi – Important Interview Questions..
Nesting of Elements in Hindi
किसी भी element के अंदर दूसरे elements का इस्तेमाल करना elements की nesting कहलाती है। इसकी मदद से हम elements की properties को mix कर सकते है जिससे पूरा document बनता है।
Attributes of HTML in Hindi
Attributes की मदद से हम प्रत्येक element को कुछ Additional Properties प्रदान कर सकते है।
The href Attribute
<a href="https://www.ehindilearning.com">Visit ehindilearning</a>
The Src Attribute
<img src="img_flower.jpg">
Src Attribute दो तरीके से URL को specify किया जा सकता है:-
Absolute URL:- इस प्रकार के URL मे एक एक ऐसी image का link दिया जाता है जो दूसरी website पर hosted होती है।
Relative URL:- इस प्रकार के URL मे image उसी website के द्वारा hosted होती है, इसमे URL को किसी domain name की आवश्यकता नहीं होती है। इसमे अगर URL बिना किसी slash के साथ शुरू होता है तो यह current page से relative होता है और अगर URL स्लैश के साथ शुरू होता है तो तो यह domain के साथ relative होता है।
Width और Height Attributes
किसी img tag मे width और height attributes का इस्तेमाल किया जाता है जिसकी मदद से image की height और width को specify किया जाता है।
<img src="img_flower.jpg" width="500" height="600">
Alt Attribute
<img> tag मे इस attribute का इस्तेमाल image के लिए alt text को लिखने के लिए किया जाता है, जब कभी image लोड नहीं हो पाती है तो उस स्थिति मे जो alt tag आप इस attribute की मदद से img के लिए लिखते है वो दिखाई देता है।
<img src="img_girl.jpg" alt="Pink Flower">
Style Attribute
इस attribute का इस्तेमाल element को style प्रदान करने के लिए किया जाता है इसकी मदद से element के color, size, font और अन्य चीजों मे बदलाव किया जा सकता है।
<p style="color:red;">This is a red paragraph.</p>
lang attribute
इस Attribute का इस्तेमाल <html> tag के अंदर जरूर होना चाहिए इसकी मदद से web page की language निर्धारित की जाती है।
<!DOCTYPE html> <html lang="en"> <body> ... </body> </html>
इसमे country code का इस्तेमाल भी किया जा सकता है जिसमे पहले दो character web page की language को define करते है जबकि बाद के दो character उस country को define करते है।
<!DOCTYPE html> <html lang="en-US"> <body> ... </body> </html>
Title attribute
यह attribute किसी element के बारे मे कुछ extra information प्रदान करता है।
<p title="I'm a tooltip">This is a paragraph.</p>
Also Read:- What is CSS in Hindi – CSS क्या है? पूरी जानकारी…
Heading Elements in HTML
HTML मे <h1> से लेकर <h6> तक सभी elements को heading elements कहा जाता है। इसमे <h1> element आकार मे सबसे बड़ा होता है और उसके बाद प्रत्येक heading tag का आकार respectively घटता रहता है।
- <h1>Heading no. 1</h1>
- <h2>Heading no. 2</h2>
- <h3>Heading no. 3</h3>
- <h4>Heading no. 4</h4>
- <h5>Heading no. 5</h5>
- <h6>Heading no. 6</h6>
What is Paragraph element
जब भी हमे किसी heading के अंदर कोई text लिखना हो या heading को describe करना हो तो उस स्थिति मे हम paragraph element का इस्तेमाल करते है।
<p> यह एक paragraph है </p>
इसी तरह
<br> Tag का इस्तेमाल text को break देने के लिए किया जाता है।
<hr> का इस्तेमाल HTML document मे horizontal line बनाने के लिए किया जाता है।
<b> tag का इस्तेमाल text को bold करने के लिए किया जाता है।
<strong> tag लगभग <b> tag की तरह ही होता है इसका इस्तेमाल किसी important text को दिखाने के लिए किया जाता है।
<I> tag का इस्तेमाल text को italic style मे बदलने के लिए किया जाता है।
<small> tag की मदद से text को छोटा किया जाता है।
<sup> Tag का इस्तेमाल किसी भी text को exponentially लिखने के लिया किया जाता है।
इसी प्रकार और भी बहुत सारे tags है जिनका इस्तेमाल HTML document मे किया जाता है।
What are HTML entities?
HTML entities का इस्तेमाल reserved character, special character, emojis और symbols को display करने के लिए किया जाता है।
What are comments in HTML?
HTML document मे comment का इस्तेमाल code को summarize करने के लिए किया जाता है और इसका इस्तेमाल तब किया जाता है जब code मे कोई गलती हो जाती है तो हम उस गलत sentence को हटाने के बजाय comment का use कर सकते है जिससे उसको हटाने की जरूरत नहीं पड़ती है वह sentence execute ही नहीं होता है।
Syntax of HTML Comments
<!__opening tag Closing tag __> Example:-
<!__ This is a Comment__>
What is List tag in HTML?
जब भी हमें किसी text को list के अंदर लिखना हो तो उस स्थिति मे इस tag का इस्तेमाल किया जाता है।
Types of List Tag in HTML
1:- Ordered List
2:- Description List
3:- Unordered List
What is Hyper Text in Hindi
हाइपर टेक्स्ट का मतलब होता है text के अंदर text यानि कि किसी text के अंदर जब कोई लिंक add किया जाता है तो उसको hyper text बोल जाता है। आपने अक्सर देखा होगा कुछ text ऐसे होते है जिनको क्लिक करने पर एक नया page खुलकर हमारे सामने आ जाता है इसको ही Hyper Text बोला जाता है।
Syntax of Hyperlink
<a href = “https://www.ehindilearning.com”>
What is URL in Hindi
URL का पूरा नाम (URL full form) Uniform Resources Locator है। हमे www (world wide web) पर किसी भी page की location इसी URL की मदद से पता चलती है। URL पूरी तरह से unique होता है। यह दो प्रकार का होता है:-
1:- Absolute URL
2:- Relative URL
What is Formatting in HTML?
HTML formatting फॉर्मैट की एक process होती है जिसकी मदद से text को better look और feel प्रदान की जाती है। यह text को bold, italicized, underlined बनाने के लिए अलग tags का इस्तेमाल करता है।
What is Image Map in Hindi?
Image Map आपको एक ही image का उपयोग करके कई अलग-अलग web pages से लिंक करने देता है। आप उन images में आकृतियों को परिभाषित कर सकते हैं जिन्हें आप एक image mapping का हिस्सा बनाना चाहते हैं।
How HTML Document looks Like?
<!DOCTYPE html> <html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html>
Conclusion
आज के इस Article के माध्यम से आपने HTML के बारे मे जाना अगर आपको इससे संबंधित और भी कोई सवाल हो तो आप हमें comment के माध्यम से पूछ सकते है। अगर आपको HTML के बारे मे यह Article पसंद आया हो तो इसे अपने दोस्तों के साथ जरूर शेयर कीजिए।