हेल्लो दोस्तों स्वागत है आपका हमारी एक और HTML Language कि फायदेमंद पोस्ट में | इस पोस्ट में HTML Tags In Hindi यानि कि HTML में प्रयोग होने वाले विभिन्न प्रकार के टैग के बारे में बोहोत ही आसान तरीके से आपकी सरल भाषा हिन्दी में दर्शाया गया है |
Types of html tags: HTML Language में मुख्यतः दो प्रकार के टैग का प्रयोग किया जाता है जिसमे एक तो Container tags होते है और दूसरे Single tags होते हैं।
1. Container Tag
Container tag in html: HTML में container tag वे tags होते हैं जिनकों प्रयोग करने के लिए opening तथा closing दोनों ही प्रकार के tags का प्रयोग किया जाता है। Container tag को pair tag भी कहा जाता है और यह एक container की तरह ही कार्य करते हैं।
Example: <tagname> </tagname>
2. Single Tag
Single tag in html: HTML में single tag वे tags होते हैं जिन्हें प्रयोग करने के लिए केवल opening tag का प्रयोग किया जाता हैं। इनमें कोई भी closing tag नहीं होता है। HTML में single tags को unpaired या empty tags भी कहा जाता है।
Example: <tagname/>
HTML के विभिन्न प्रकार के Tags
HTML Tags In Hindi
Basic html tags in hindi: HTML में विभिन्न प्रकार के टैग का प्रयोग किया जाता है जैसे कि Heading Tags, Paragraph Tags, Anchor Tags, Audio और Video Tags इत्यादि | HTML के विभिन्न प्रकार के टैग के बारे में उनके उदाहरण सहित इस पोस्ट में विस्तार से बताया गया है जिन्हें आप बोहोत ही आसानी से समझ सकते है |
1. Headings Tag
Heading tag in html in hindi: HTML में headings देने के लिए 6 प्रकार के heading tags का प्रयोग किया जाता है जोकि container tags होते हैं।
Example: HTML में Headings टैग का प्रयोग निम्न प्रकार से किया जाता है।
Paragraph tag in html in hindi: HTML में paragraph देने के लिए <P> tag का प्रयोग किया जाता है जोकि एक container tag तथा block level element होता है।
Example: HTML में <P> टैग का प्रयोग निम्न प्रकार से किया जाता है।
<p>This is first paragraph of shubhampal.co.in</p>
<p>This is second paragraph of shubhampal.co.in</p>
<p>This is third paragraph of shubhampal.co.in</p>
3. <B> और <STRONG>Tag
Bold and strong tag in html: HTML में <B> और <STRONG> tags का प्रयोग text को bold करने के लिए किया जाता है। यह दोनों ही container tag तथा inline level elements होते हैं।
Example: HTML में <B> और <STRONG> टैग का प्रयोग निम्न प्रकार से किया जाता है।
<b>First line of shubhampal.co.in blog.</b>
<br>
<strong>Second line of shubhampal.co.in blog.</strong>
4. <i> और <EM> Tag
i and em tag in html: HTML में <i> और Emphasis <EM> tags का प्रयोग text को italic या emphasized (तिरद्दा) करने के लिए किया जाता है तथा यह दोनों ही container tag और inline level elements है।
Example: HTML में <i> और <EM> टैग का प्रयोग निम्न प्रकार से किया जाता है।
<i>First line of shubhampal.co.in blog.</i>
<br>
<em>Second line of shubhampal.co.in blog.</em>
S, Del and Strike in html: HTML में text के बीच में single line देने के लिए अर्थात text को line द्वारा cut करने के लिए <S> ,<DEL> और <STRIKE> tag का प्रयोग किया जाता है। यह तीनों ही container tag तथा inline level element होते हैं।
Example: HTML में <S>,<DEL> और <STRIKE> टैग का प्रयोग निम्न प्रकार से किया जाता है।
<s>First line of shubhampal.co.in blog.</s>
<br>
<del>Second line of shubhampal.co.in blog.</del>
<br>
<strike>Third line of shubhampal.co.in blog.</strike>
6. <ABBR> Tag
Abbr tag in html: HTML में abbreviation <ABBR> tag का प्रयोग किसी भी element के short form को define करने के लिए किया जाता है। आपको <ABBR> tag के साथ में हमेशा ही title attribute का प्रयोग करना है। <ABBR> tag भी एक container tag तथा inline level element होता है।
Example: HTML में <ABBR> टैग का प्रयोग निम्न प्रकार से किया जाता है।
<abbr title="Shubham Pal Blog">shubhampal.co.in</abbr>
<br>
<abbr title="Shubham Pal LinkedIn">@theshubhampal1</abbr>
7. <U> Tag
Underline tag in html: HTML में <U> tag का प्रयोग text में underline देने के लिए किया जाता है। यह भी एक container tag होता है।
Example: HTML में <U> टैग का प्रयोग निम्न प्रकार से किया जाता है।
<u>First line of shubhampal.co.in blog.</u>
<br>
<u>Second line of shubhampal.co.in blog.</u>
8. <Q> Tag
Q tag in html: HTML में <Q> tag का प्रयोग text को double quotes में रखने के लिए किया जाता है जोकि एक container tag होता है।
Example: HTML में <Q> टैग का प्रयोग निम्न प्रकार से किया जाता है।
<q>First line of shubhampal.co.in blog.</q>
<br>
<q>Second line of shubhampal.co.in blog.</q>
Mark tag in html: HTML में <MARK> tag का प्रयोग text को highlight करने के लिए किया जाता है, यह भी एक container tag है।
Example: HTML में <MARK> टैग का प्रयोग निम्न प्रकार से किया जाता है।
<p>This is a Hindi Blog and its name is <mark>shubhampal.co.in</mark></p>
10. <SMALL> और <BIG> Tag
Small and Big tag in html: HTML में <SMALL> tag का प्रयोग text को small करने तथा <BIG> tag का प्रयोग text को big करने के लिए किया जाता है।
Example: HTML में <SMALL> और <BIG> टैग का प्रयोग निम्न प्रकार से किया जाता है।
<p> This is <small>first</small> paragraph.</p>
<p> This is <big>second</big> paragraph.</p>
11. <HR> और <BR> Tag
HR and BR tag in html: HTME में single horizontal line (rule) देने के लिए <HR> tag तथा line को break करने के लिए <BR> tag का प्रयोग किया जाता है। <HR> tag एक block level element है तथा <BR> tag एक inline level element है।
Example: HTML में <TABLE> टैग का प्रयोग निम्न प्रकार से किया जाता है।
<h1>Shubham Pal Blog<h1>
<br>
<h1>shubhampal.co.in<h1>
<hr>
<h1>Shubham Pal<h1>
12. <FONT> Tag
Font tag in html in hindi: HTML में <FONT> tag का प्रयोग text के font style को design करने के लिए किया जाता है। <FONT> tag भी एक Container tug होता है और <FONT> tag के साथ में face attribute का प्रयोग font family को लगाने के लिए तथा size attribute का प्रयोग text के size को कम तथा ज्यादा करने के लिए किया जाता है।
Example: HTML में <FONT> टैग का प्रयोग निम्न प्रकार से किया जाता है।
<font color="red" face="arial" size="5">shubhampal.co.in is a hindi blog.</font>
Subscript and Superscript tag in html: HTML में <SUB> का प्रयोग subscript text को add करने तथा <SUP> tag का प्रयोग superscript text को add करने के लिए किया जाता है। <SUB> tag का प्रयोग text को अपनी position से थोड़ा नीचे करने के लिए तथा <SUP> tag प्रयोग text को अपनी position से थोड़ा ऊपर उठाने के लिए किया जाता है। यह दोनों ही container tag होते है |
Example: HTML में <SUB> और <SUP> टैग का प्रयोग निम्न प्रकार से किया जाता है।
a<sup>2</sup>+b<sup>2</sup>
<br>
H<sub>2</sub>O
14. <IMG> Tag
Table tag in html: HTML में <IMG> tag का प्रयोग webbage में image को insert कराने के लिए किया जाता हैं। <IMG> tag एक unpaired tag तथा inline level element होता हैं। <IMG> tag के साथ में हमेशा हम src attribute का प्रयोग करते हैं जिसमें हम जिस भी image को webbage में insert कराना चाहते हैं उसके source location को डाल देते है।
<IMG> tag के साथ में title attribute के द्वारा हम image के title को दे सकते है तथा alt attribute के द्वारा alternative text को define किया जाता है तथा height और width attributes के द्वारा हम insert की गई image की height तथा width की define कर सकते हैं।
Example: HTML में <IMG> टैग का प्रयोग निम्न प्रकार से किया जाता है।
<img src="https://shubhampal.co.in/wp-content/uploads/2022/10/PicsArt_10-31-01.06.30.png" heigh="150px" width="150px" title="shubhampal.co.in" alt="Shubham Pal Blog">
15. <PRE> Tag
Pre tag in html in hindi: HTML में <PRE> tag का प्रयोग किसी भी text को जैसा आपने input किया है बिलकुल वैसा ही webpage पर प्रदर्शित करने के लिए किया जाता है। <PRE> tag भी एक container tag होता है।
Example: HTML में <PRE> टैग का प्रयोग निम्न प्रकार से किया जाता है।
<pre>
Hey!
This is
shubhampal.co.in Blog
</pre>
16. <XMP> Tag
<XMP> tag in html: HTML में <XMP> tag भी <PRE> tag की तरह ही प्रयोग किया जाता हैं लेकिन हम <PRE> tag के अन्दर tags को लिखकर webbage में प्रदार्शत नहीं कर सकते हैं जबकि <XMP> tag के अन्दर हम text के साथ में tags को लिखकर भी webage पर प्रदर्शित करा सकते हैं।
Example: HTML में <XMP> टैग का प्रयोग निम्न प्रकार से किया जाता है।
<xmp>
Hey!
This is
shubhampal.co.in Blog
<h1>shubhampal.co.in is a Shubham Pal blog.</h1>
</xmp>
Unordered list in html: HTML में <UL> tag का प्रयोग unordered list को बनाने के लिए किया जाता हैं। <UL> tag एक container tag होता है जिसमें type attribute का प्रयोग किया जाता है। type attribute की values हम disc, circle, square तथा none दे सकते हैं।
Example: HTML में <UL> टैग का प्रयोग निम्न प्रकार से किया जाता है।
Ordered list in html: <OL> tag का प्रयोग HTML में ordered list को बनाने के लिए किया जाता है। <OL> tag भी एक container tag होता है। <OL> tag के साथ में हम type attribute का प्रयोग करते हैं जिसमें हम type attribute की values “1”, “A”, “a”, “i” दे सकते हैं।
start attribute का प्रयोग करके हम order list के order को अपने अनुसार set कर सकते हैं एवं reversed attribute का प्रयोग करके हम ordered list के order को reverse करके print करा सकते हैं।
Example: HTML में <OL> टैग का प्रयोग निम्न प्रकार से किया जाता है।
Anchor tag in html in hindi: HTML में Anchor <A> tag का प्रयोग hyperlinks को create करने के लिए किया जाता हैं। यह एक container tag होता है। Anchor <A> tag के साथ में हम href attribute का प्रयोग करते हैं जिसमें हम URL की values को define कर सकते हैं। Anchor <A> tag के द्वारा हम mobile number और email id के लिए भी hyperlinks को create कर सकते हैं।
Example: HTML में <A> टैग का प्रयोग निम्न प्रकार से किया जाता है।
Video tag in html in hindi: HTML में video को insert करने के लिए <VIDEO> tag का प्रयोग किया जाता हैं तथा <VIDEO> tag भी एक container tag तथा inline level element होता है।
<VIDEO> tag के साथ में भी src attribute का प्रयोग करके video की source location को दे सकते हैं। तथा poster attribute का प्रयोग करके हम video के thumbnail को सेट कर सकते हैं तथा controls attribute के द्वारा हम video के controls को भी दिखा सकते है।
<VIDEO> tag के साथ में हम height तथा width attribute का प्रयोग करके video की height तथा width को define कर सकते हैं तथा autoplay और muted attributes का प्रयोग करके हम video को page के load होने पर autoplay पर भी सेट कर सकते हैं।
Example: HTML में <VIDEO> टैग का प्रयोग निम्न प्रकार से किया जाता है।
HTML audio tagin html: HTML में <AUDIO> tag का प्रयोग audio file को insert करने के लिए किया जाता हैं। <AUDIO> tag भी एक container tag तथा inline level element होता है।
Attributes used with audio tag: <AUDIO> tag के साथ में भी कई attributes का प्रयोग किया जाता हैं जिनके बारे में नीचे बताया गया है |
SRC Attribute: src attribute का प्रयोग audio की source location को define करने के लिए किया जाता है।
Height और Width Attribute: Height तथा Width attributes का प्रयोग करके हमें audio file की height और width को बढ़ा सकते हैं। आपको height और width को internal या external CSS के माध्यम से ही define करना पड़ेगा।
Controls Attribute: Controls attribute का प्रयोग करके हम audio के controls को show करा सकते हैं।
Autoplay और Muted Attributes: Autoplay तथा Muted attributes का प्रयोग <AUDIO> tag के साथ में किया जाता है जिससे हम insert की गयी audio file को webpage को load होने पर autoplay पर सेट कर सकते हैं।
Example: HTML में <AUDIO> टैग का प्रयोग निम्न प्रकार से किया जाता है।
Link tag in html in hindi: HTML में head section में प्रयोग होने वाले <LINK> tag का उपयोग हम webpages में CSS तथा favorite icon को लगाने के लिये करते हैं।
Example: CSS के लिए <LINK> टैग का प्रयोग निम्न प्रकार से किया जाता है।
<link href="filename.css" rel="stylesheet">
Example: Favorite icon के लिए <LINK> टैग का प्रयोग निम्न प्रकार से किया जाता है।
<link href="imagename.png" rel="icon">
निष्कर्ष – Basic html tags in hindi
दोस्तों मैं उम्मीद करता हूँ कि मैंने इस पोस्ट के माध्यम से आपको HTML Tags In Hindi यानि कि HTML में प्रयोग होने वाले विभिन्न प्रकार के टैग के बारे बताया है उन्हें आप बोहोत ही आसानी से समझ गए होंगे गए होंगे क्यूंकि मैंने इस पोस्ट के माध्यम से आपको बोहोत ही आसानी से यह समझाने का पूर्णतः प्रयास किया है कि आप कैसे HTML के विभिन्न प्रकार के tags का प्रयोग कर सकते है।
पोस्ट को पूरा पढने के लिए धन्यवाद ! अगर आपका इस पोस्ट से सम्बन्धित कोई भी प्रश्न है तो आप नीचे कमेंट करके पूंछ सकते है |
Shubham Pal (शुभम पाल) एक Digital Creator है जिसका हिन्दी ब्लॉग shubhampal.co.in है | इस ब्लॉग पर आपको टेक्नोलॉजी और कंप्यूटर से सम्बंधित बोहत सारी चीजो के बारे में बोहोत ही सरल भाषा में सीखने को मिलता है इसके साथ-साथ हमारे इस हिंदी ब्लॉग पर आपको YouTube , Blogging , Affiliate Marketing और ऑनलाइन पैसा कमाने के बोहोत सारे तरीको के बारे में भी जानने और सीखने को मिलता है |
