web

Text Formatting

by
with no comment
Contents hide
1 Text Formatting
1.1 HTML Heading
2 ””
2.1 <b> – Bold Text
2.2 <strong> – Important Text
2.3 <i> – Italic Text
2.4 <ins> Insert Text
3 Tile
3.1 <sub> – Subscript Text
3.2 <sup> – Superscript Text
3.3 HTML Comments

Text Formatting

HTML कई प्रकार के Text Formatting Tag Provide करता है, जो Developers को Webpage पर Text के लिए विभिन्न Style और Effects को Apply करने की Permission देता है। यह Website की Readability, Visual Appeal और User Experience को बेहतर बनाने में Help कर सकता है।

HTML Heading

HTML में Heading Element को Define करने के लिए Heading Element का Use किया जाता है| Heading Element, 6 Level तक Heading Support करता है| जिन्हें <H1> से <H6> Element द्वारा Define किया जाता है| HTML Headings का use उनकी Importance के Base पर किया जाता है| सबसे अधिक Importance की Heading के लिए <h1> Level Heading का use किया जाता है, और सबसे कम Importance की Heading के लिए <h6> Level Heading का use किया जाता है|

  1. <h1> – यह सबसे Important Heading Tag होता है। यह Article की Main Heading को Define करने के लिए use किया जाता है। इसे आपको Document में एक ही बार use करना चाहिए। Search Engine Crawlers इस Tag से पता लगाते है, की कोई Article किस बारे में है।
  2. <h2> – यह Subheading Tag होता है। इसके द्वारा आप Subheadings Define करते है। किसी बड़े Section को आप इस Tag द्वारा कई Sections में Divide कर सकते है।
  3. <h3> – यह Minor Heading Tag होता है। इस Heading के द्वारा आप Subtopics को भी कई Minor Topics में Define करके Represent कर सकते है।
  4. <h4> – यह Fourth Level का Heading Tag होता है, इससे आप और भी Deep Level पर Content को Sections में Divide कर सकते है।
  5. <h5> – यह Fifth Level Heading Tag होता है, और इससे भी आप Headings को Define करते है। लेकिन इसे Deep Level पर Content को Define करने के लिए use किया जाता है।
  6. <h6> – यह Sixth Level Heading Tag है, इससे भी आप Heading Define कर सकते है। यह Heading Normal Text के बहुत करीब होती है। इससे आप कई Topics को List के रूप में Present कर सकते है।

Example:

””



Output:


Text Formatting


<b> – Bold Text


HTML में Text को Bold करने के लिए <b> Tag का use किया जाता है। यह Tag एक Presentational Tag है| जिसका अर्थ है, कि यह केवल Text की Appearance को बदलता है, और कोई Semantic Meaning Provide नहीं करता है।


Example:


[{"featureType":"landscape.man_made","elementType":"geometry.fill","stylers":[{"color":"#e9e5dc"}]},{"featureType":"landscape.natural","elementType":"geometry.fill","stylers":[{"visibility":"on"},{"color":"#b8cb93"}]},{"featureType":"poi","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"poi.business","elementType":"all","stylers":[{"visibility":"simplified"}]},{"featureType":"poi.medical","elementType":"all","stylers":[{"visibility":"on"}]},{"featureType":"poi.park","elementType":"all","stylers":[{"visibility":"on"}]},{"featureType":"poi.park","elementType":"geometry.fill","stylers":[{"color":"#ccdca1"}]},{"featureType":"poi.sports_complex","elementType":"all","stylers":[{"visibility":"on"}]},{"featureType":"road","elementType":"geometry.fill","stylers":[{"hue":"#ff0000"},{"saturation":-100},{"lightness":99}]},{"featureType":"road","elementType":"geometry.stroke","stylers":[{"color":"#808080"},{"lightness":54},{"visibility":"off"}]},{"featureType":"road","elementType":"labels.text.fill","stylers":[{"color":"#767676"}]},{"featureType":"road","elementType":"labels.text.stroke","stylers":[{"color":"#ffffff"}]},{"featureType":"water","elementType":"all","stylers":[{"saturation":43},{"lightness":-11},{"color":"#89cada"}]}]




<!DOCTYPE html>


<html>


<head>


<title>Text Formatting Example</title>


</head>


<body>


<p>This is Normal Paragraph.</p>


<p><b>This is Bold Paragraph.</b></p>


</body>


</html>

Output:

Text Formatting

<strong> – Important Text

HTML में, <strong> Tag का use यह Indicate करने के लिए किया जाता है, कि Enclosed Text का Particular Importance है। यह एक Semantic Tag है| जिसका अर्थ है, कि यह केवल Formatting करने के बजाय Content को Meaning Provide करता है।

Example:





<!DOCTYPE html>


<html>


<head>


<title>Text Formatting Example</title>


</head>


<body>


<p>This is Normal Text.</p>


<p><strong>This is Important Text.</strong></p>


</body>


</html>

Output:

Text Formatting

<i> – Italic Text

HTML में, Text को Italic करने के लिए <i> Tag का use किया जाता है। यह एक Presentational Tag है, जिसका अर्थ है कि यह केवल Text के Appearance को बदलता है |



<!DOCTYPE html>


<html>


<head>


<title>Text Formatting Example</title>


</head>


<body>


<p>This is Normal Text.</p>


<p><i>This is Italic Text.</i></p>


</body>


</html>

Output:

Text Formatting

<ins> Insert Text

HTML में, <ins> Tag का use यह Indicate करने के लिए किया जाता है, कि Text को किसी Document या Web Page में Insert किया गया है। यह एक Semantic Tag है, जिसका अर्थ है कि यह केवल Formatting करने के बजाय Content को Meaning Provide करता है।

Example:

Tile





<!DOCTYPE html>


<html>


<head>


<title>Text Formatting Example</title>


</head>


<body>


    <p>The <ins>new</ins> version of the software includes several new features.</p>


</body>


</html>

Output:

Text Formatting

<sub> – Subscript Text

Subscript Element द्वारा Subscript Text को Define किया जाता है| यह Text, Superscript Text से Opposite होता है| क्योंकि यह Text अपने पास वाले Word से नीचे Show होता है|

Example:





<!DOCTYPE html>


<html>


<head>


<title>Text Formatting Example</title>


</head>


<body>


<p>This is Normal Text.</p>


<p>This is <sub>Subscript</sub> Text.</p>


</body>


</html>

Output:

Text Formatting

<sup> – Superscript Text

Subscript Element द्वारा Superscript Text को Define किया जाता है| यह Text अपने पास वाले Text की तुलना में आधा हो जाता है और Users को पास वाले शब्द के ऊपर नजर आता है|

Example:





<!DOCTYPE html>


<html>


<head>


<title>Text Formatting Example</title>


</head>


<body>


<p>This is Normal Text.</p>


<p>This is <sup>Superscript</sup> Text.</p>


</body>


</html>

Output:

Text Formatting

HTML Comments

Comment एक HTML Code होता है, जिसे Browser द्वारा Read नही किया जाता है| और इस Code को Webpage में Show नही किया जाता है| अर्थात जो Content HTML Comment Tag के अंदर लिखा जाता है, इसे केवल Browsers और Developers ही देख सकते है| End Users इस Content को नही देख सकता है|

HTML Comment Syntax

  1. Opening: Comment की Opening में Less Than Symbol (<), Exclamation Mark (!) और दो Dash (—) होते है, इसे Opening Tag भी कहते है|
  2. Closing: Closing में दो Dash (—) और एक Greater Than Symbol (>) होता है, इसेClosing Tag भी कहते है|
  3. Comment Text: Opening और Closing के भीतर जो भी लिखा जाता है| उसे Comment Text कहते है| यह Part हमें Webpage में Show नही होता है|

Example:





<!DOCTYPE html>


<html>


<head>


<title>HTML Comment Example</title>


</head>


<body>


<p><!– Paragraph Starting. –>


This is Thelearnify. Here you can Learn in Hindi.


</p><!– Paragraph Ending. –>


</body>


</html>

Output:

Text Formatting

Post Views: 307
Tags: No tags

Add a Comment

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