इस आर्टिकल मे हम HTML Text formatting Tags के बारे मे जानेगे और इसे html मे कैसे use किया जाता है क्योकि ये tag ऐसे tag है जो text को बहुत ही बेहतरीन और सुंदर बनाते है जिससे Users को पड़ने मे परेशानी भी नही होती है और इसमे कई ऐसे tags भी है जिसे HTML के New Version HTML5 मे हटा दिया गया जिसकी जानकारी भी इस article मे आपको दी जाएगी
Tags | Description |
---|---|
< acronym > | Not supported in HTML5 Use < abbr > instead. Defines an acronym |
< abbr > | Defines an abbreviation or an acronym |
< address > | Defines contact onformation for the auther/owner of a document/article |
< b > | defines bold text |
< bdo > | Overrides the current text direction |
< bdi > | Isolates a part of text that might be formatted in a defferent direction from other text outside it |
< big > | Not supported in HTML5 Use < abbr > instead. Defines big text |
< blockquote > | Defines a section that is quoted from another source |
< center > | Not supported in HTML5 use css instead. Defines centered text |
< cite > | Defines the title of a work |
< code > | Defines a piece of computer code |
< del > | Defines text that has bee deleted from a document |
< dfn > | Represents the defining instance of a term |
< em > | Defines emphasized text |
< font > | Not supported in HTML5 use css instead. Defines font, color and size for text |
< i > | Defines ittalic text |
< ins > | Defines a text has been inserted into a document |
< kbd > | Defines keyboard input |
< mark > | Defines marked/highlighted text |
< meter > | Defines a scalar measurement within a known range |
< pre > | Defines preformatted text |
< progress > | Represents the progress of a task |
HTML Text formatting tags in hindi
HTML Text formatting tags के ये सभी Tags वेबपेज में महत्वापूर्ण भूमिका निभाते है जिससे body text और भी अच्छा दिखने लगता है। HTML में farmatting tags के द्वारा webpage के body में लिखे गए text को formate किया जाता है। अब हम इन सभी HTML tags की बारे में हिंदी डिटेल में जानेंगे और साथ में ही उदहारण को भी देखेंगे |<acronym> Tag:
इस tag का उपयोग acronym मतलब dotted undarline को define करने के use किया जाता है यह tag Html 5 को support नहीं करता है इसलिए इसकी जगह पर <abbr> tag का उपयोग किया जाता है जो बिल्कुल acronym tag की तरह ही कार्य करता है. उदाहरण के लिए example 1 देखे |<abbr> tag:
यह tag ठीक acronym tag की तरह ही कार्य करता है जो dotted underline को define करता है. उदाहरण के लिए example 1 देखे |<address> Tag:
इस टैग का उपयोग की auther या owner या किसी एड्रेस को define करने के लिए use किया जाता है. यह tag html के सभी version मे support करता है .उदाहरण के लिए example 1 देखे |<b> Tag:
इस टैग का उपयोग किसी भी टेक्स्ट को बोल्ड करने के लिए use किया जाता है जिससे text अन्य text से अलग दिखाता है। उदहारण 1 देखे. <p> What is <acronym title="as soon as possible">Acronym</acronym>?</p>
<p>welcome to <abbr title="World Health Organization">mind techs tutorials</abbr> website.</p>
<address>
Written by <a href="#">Mind tecnology</a>.<br>
Visit us at:<br>
mindtechs.in<br>
UP, India<br>
</address>
<p>This is normal text - <b>and this is bold text</b>.</p>
Example-1 |
---|
What is Acronym? welcome to mind techs tutorials website. Written by Mind tecnology. Visit us at: mindtechs.in UP, India This is normal text - and this is bold text. . |
<bdi> Tag:
<ul>
<li>User <bdi>hrefs</bdi>: 80 points</li>
<li>User <bdi>jdoe</bdi>: 30 points</li>
<li>User <bdi>إيان</bdi>: 50 points</li>
</u>
Example-2 |
---|
|
<bdo> Tag:
इस टैग के द्वारा text का direction बदला जाता है और इसके साथ मे dir attribute का प्रयोग किया जाता जैसा कि example मे दिया गया है. <p>This paragraph is left-to-right.</p>
<p><bdo dir="rtl">This paragraph is right-to-left.</bdo></p>
Example-3 |
---|
This paragraph is left-to-right. This paragraph is right-to-left. |
<big> Tag:
यह टैग किसी भी text को normal text से बड़े size मे represent करता है.<p>This is normal text.</p>
<p><big>This is big text.</big></p>
Example-3 |
---|
This is normal text. This is big text. |
<blockquote> Tag:
<p>This is normal text</p>
<blockquote>Just copy the source code to the left pane, select the language and the color scheme, and click "Highlight!". The HTML from the right pane can now be pasted to your blog or email, no external CSS or Javascript files are required. </blockquote>
Example-3 |
---|
This is normal textJust copy the source code to the left pane, select the language and the color scheme, and click "Highlight!". The HTML from the right pane can now be pasted to your blog or email, no external CSS or Javascript files are required. |
<center> Tag:
<p>This is normal text</p>
<center>this is center text</center>
Example-3 |
---|
This is normal text |
<cite> Tag:
<p>I have passed high school in <cite>2019 year.</cite></p>
Example-3 |
---|
I have passed high school in 2019 year. |
<code>, <del>, <dfn>, <em>, <font> Tag:
<code>A piece of computer code</code><br>
<del>del text</del>
<dfn>this is dfn text.</dfn>
<em>Emphasized text</em>
Example-3 |
---|
A piece of computer code this is dfn text. Emphasized text |
<i>, <ins>, <kbd>, <mark> Tag:
<i>This is a ittalic text.</i>
<p>this is <ins>ins text.</ins></p>
<kbd>computer input text</kbd>
<mark>mark text</mark>
Example-3 |
---|
This is a ittalic text.
this is ins text. computer input text mark text |
<meter>, <pre>, <progress> Tag:
<p>Display a gauge:</p>
<meter value="2" min="0" max="10">2 out of 10</meter><br>
<meter value="0.6">60%</meter>
Downloading progress:<progress value="22" max="100"></progress>
<pre>this p r e t ex t .</pre>
Example-3 |
---|
Display a gauge: Downloading progress: this p r e t ex t .
|
तो दोस्तो हमने इस आर्टिकल मे जाना की HTML Text formattin tags के द्वारा के HTML Document के body मे लिखे text की formatting कैसे की जाती है और साथ ही इसके कुछ example और इसके output को भी दिखाया है तो I hope की आपको अच्छे से समझ मे आ गया होगा
0 Comments
Thanks fo commenting