एक website में कई तरह के content रहतें हैं जैसे text, image, video | ये सारे चीजें HTML में tags से लिखा जाता है | पूरी HTML language कई सारे tags के समारोह से बनता है |
HTML Tags in Hindi
एचटीएमएल बेसिक टैग क्या हैं?
जैसे की पहले ही आपको बताया गया की HTML document कई सारे HTML tags के समारोह से बनता है | उसमे से कुछ tags, basic हैं मतलब, HTML document में कुछ tags का होना जरुरी है | और कुछ tags ऐसे होतें हैं जो कुछ खास जरुरत पर इस्तेमाल होते हैं |
कोई भी html document बनाने के लिए 4 मुख्य tags का होना जरुरी है और वो है
- HTML tag
- Head Tag
- Title Tag
- Body Tag
HTML Tag
<html> tag, Html document सबसे पहला tag होता है, जिसे html का सुरुआती बिंदु कहा जाता है | ये HTML Page का root tag है जो एक container की तरह काम करता है जिसमे सारी जानकारी लिखी जाती है |
<html> सुरुआती टैग है और </html> closing tag है |
<head> और <body> tags, <html> tag के children tags कहलातें हैं और ये दोनों tags हर html document में होना जरुरी है | <html> tag को parent tag कहा जाता है |
Head tag
इस tag के अंदर metadata, css files के links और javascript files आदि के links रखे जाते हैं | पर ये चीजें ब्राउज़र पर दिखाई नहीं देती |
metadata मतलब data का भी data, जैसे किसी चीज के बारे में और अधिक जानकारी | head tag बताता है website का title या description के बारे में |
Title tag
जैसे की नाम से पता चल रहा है की ये HTML document को title देने के लिए इस्तेमाल होता है | ये title, browser window में दिखाई देती है | title tag को हमेसा <head> tag के अंदर लिखी जाती है |
Body tag
ब्राउज़र में जो चीजें user को दिखाई देती हैं, जैसे की text, image, links आदि सब <body> tag के अंदर लिखी जाती है |
HTML Code का उदहारण
<!Doctype>
<html>————–>HTML Tag
<head>————–>Head Tag
<title>First Webpage</title>————–>Title Tag
</head>
<body>————–>Body Tag
<h1>HTML Tutorial</h1>————–>H1 Tag
</body>
</html><!DOCTYPE>: ये document type को दर्शाता है, और ब्राउज़र को HTML का कोनसा version इस्तेमाल हुआ है, वो बताता है|
HTML Elements
HTML Tag + Content = HTML Element
Example: <h1>Welcome</h1>
HTML Tag और उसके अंदर Content को HTML Element कही जाती है | ऊपर के उदहारण में <h1> एक tag है, और Welcome उस टैग के अंदर लिखा हुआ content | इसीलिए <h1>Welcome</h1> एक element हुआ|
आईये अब html में इस्तेमाल किये जाने वाले कुछ अन्य tags के बारे में पढतें हैं |
Heading Tag
Heading tag का इस्तेमाल heading यानि वेबपेज में शीर्षक देने में इस्तेमाल होता है |
HTML में heading कितने प्रकार का होता है?
HTML में 6 तरह के heading होतें हैं जो ज्यादा जरुरी से कम जरुरी heading को मार्क करने के लिए इस्तेमाल किआ जाता है|
उदाहरण:
<h1>This is First Heading</h1> <h2>This is Second Heading</h2> <h3>This is Third Heading</h3> <h4>This is Forth Heading</h4> <h5>This is Fifth Heading</h5> <h6>This is Sixth Heading</h6>
Output परिणाम:
Paragragh Tag
<paragragh> tag html document में paragragh लिखने के लिए इस्तेमाल होता है |
उदाहरण: <p>this is a paragraph</p>
Anchor Tag
Html document में link डालने के लिए <anchor> tag का इस्तेमाल होता है | मतलब एक वेबपेज से दुसरे वेबपेज या फिर दुसरे वेबसाइट में जाने के लिए link देनी जरुरी है, उसे anchor tag के जरिये लिखी जाती है |
anchor tag को <a> के जरिये लिखी जाती है |
उदाहरण : <a href=”https://google.com“> Click Here </a>
Container Tag और Empty Tag क्या होतें हैं?
html tags को दो category में बाटीं गयी है
- Container Tag / Pair Tag
- Empty Tag
Container Tags / Pair Tags
container tags वो html tags हैं जिसकी closing tag होना जरुरी है | ये हमेसा pair में लिखी जाती हैं इसीलिए इसे pair tags भी कहा जाता है |
<html>, <head>, <body>, <b> सब pair tags हैं |
उदाहरण:
<b>this is boldtag</b>pair tag < symbol से सुरु होता है और </ symbol से अंत होता है |
HTML Empty Tag
tag जो बिना content का होता है उसे empty tag केहते हैं | और ऐसे tag का कोई भी closing tag नहीं होता है |
<br>, <hr> tags empty tags हैं |
break tag <br> tag
break tag जिसे <br> से लिखा जाता है | <br> tag एक empty tag है | इस tag का इस्तेमाल line break देने के लिए इस्तेमाल होता है |
उदहारण :
<p>india mein kayi rajya hein
<br>
har rajya mein alag alag dish mashoor hein
</p>horizontal tag <hr> tag
<hr> tag भी एक empty tag है | html document में horizontal line डालने के लिए इस tag का इस्तेमाल होता है |
उदाहरण
<p>india mein kayi rajya hein <br> har rajya mein alag alag dish mashoor hein</p>
<hr>
<p>Google Pe Jane ke Liye Link:<a href="https://google.com">Click Here</a></p>अब तक के सारे टैग्स को लेकर एक उदाहरण देखें
<!doctype html>
<html>
<head>
<title>HTML Example</title>
<body>
<h1>Pahli Heading</h1>
<p>
india mein kayi rajya hein <br> har rajya mein alag alag dish mashoor hein
</p>
<hr>
<p>Google Pe Jane ke Liye Link:<a href="https://google.com">Click Here</a></p>
<h2>dusri heading</h2>
</body>
</html>
output:
