HTML TUTORIAL: FORMATTING TAG

HTML TUTORIAL IN HINDI

HTML TUTORIAL: FORMATTING TAG

MS word me text ko format kiya hoga Bold, Italic, Underline, etc.  Magar HTML me formatting karne ke liye aapko tag use karna hoga. MS Word me text ko bold karna ho to keyboard me CTRL+B dabana hoga aur HTML ki baat kare to isme aapko <b> tag ko use karna hoga.

Formatting tag ki madat se HTML document ki text & content ko achi bana sakte hai. HTML me use hone wali kuch common tag ki list niche dee gayi hai.
  • <b> - Bold Text
  • <i> - Italic Text
  • <strong> - Strong Text
  • <u> - Underline Text
  • <mark> - Marked Text
  • <em> - Emphasized Text
  • <del> - Delete Text
  • <sup> - Superscript Text
  • <small> - Small Text
  • <big> - Bigger Text
  • <ins> - Inserted Text
  • <strike> - Strike through Text

<b> - Bold Text

<b> tag ki use karke apni HTML document ki text bold kar sakte hai.
Example:
<!DOCTYPE html>
<html>
<head>
<title> Bold Tag Example</title>
</head>
<body>
<p> This is <b> Bold </b> Text example</p>
</body>
</html>
Result:
HTML Tutorial In Hindi, HTML TUTORIAL: FORMATTING TAG

<i> - Italic Text

<i> tag ki use karke apni HTML document ki text italic kar sakte hai.
Example:
<!DOCTYPE html>
<html>
<head>
<title> Italic Tag Example</title>
</head>
<body>
<p> This is <i> Italic </i> Text example</p>
</body>
</html>
 Result:
HTML Tutorial In Hindi, HTML TUTORIAL: FORMATTING TAG

<strong> - Strong Text

<strong> tag ki use karke text ko emphasized bold kar sakte hai. Isse wo text dusre se alag dekhega.
Example:
<!DOCTYPE html>
<html>
<head>
<title> Strong Tag Example</title>
</head>
<body>
<p> This is <strong> strong </ strong > Text example</p>
</body>
</html>

Note: agar aap Bold and Strong tag use kiya to result similar aayega magar kaam different hai. Bold tag ki madat se kisi text ko moota kar sakte hai. Lekin strong tag ki madat se kisi text ko moota karne ke sath-sath ye bhi janata hai wo text bhut jyada important hai.

<em> - Emphasize Text

<em> tag ka use karke text ko emphasize kar sakte hai. Yeh text ki style italic jaisi hogi magar different hogi.
Example:
<!DOCTYPE html>
<html>
<head>
<title> Emphasize Tag Example</title>
</head>
<body>
<p> This is <em> emphasize </em> Text example</p>
</body>
</html>

Resu;t:
HTML Tutorial In Hindi, HTML TUTORIAL: FORMATTING TAG

<u> - Underline Text

<u> tag ki madat se kisi text ke niche underline yabi siddha rekha khich sakte hai. jo aapko highlight karayega ki yah word important hai.
Example:
<!DOCTYPE html>
<html>
<head>
<title> Underline Tag Example</title>
</head>
<body>
<p> This is <un> underline</un> Text example</p>
</body>
</html>

Result:
This is underline Text example

<mark> - Marked Text

<mark> tag ki madat se text ko mark/highlight kar sakte hai.
Example:
<!DOCTYPE html>
<html>
<head>
<title> Mark Tag Example</title>
</head>
<body>
<p> This is <mark>mark </mark> Text example</p>
</body>
</html>

Result:

<dd> - deleted Text

<dd> tag ki madat se hm apni document me text ko removed word ko define karne ke liye use karte hai. Isse yah pata chalta hai ki us document ko modify kiya hai aur kuch word ko remove kiya hai.
Example:
<!DOCTYPE html>
<html>
<head>
<title> Delete Tag Example</title>
</head>
<body>
<p> This is <del> Delete </del> Text example</p>
</body>
</html>

Result:

HTML Tutorial In Hindi, HTML TUTORIAL: FORMATTING TAG

<sup> - Superscript Text

<sup> tag ki madat se text ko superscript me likhne ke liye use kiya jata hai.
Example:
<!DOCTYPE html>
<html>
<head>
<title> Superscript Tag Example</title>
</head>
<body>
<p> This is <sup> Superscript </sup> Text example</p>
</body>
</html>

Result:
This is Superscript Tag Example

<sub> - Subscript Text

<sub> tag ki madat se text ko subrscript me likhne ke liye use kiya jata hai.
Example:
<!DOCTYPE html>
<html>
<head>
<title> Subrscript Tag Example</title>
</head>
<body>
<p> This is <sub> Subrscript </sub> Text example</p>
</body>
</html>

Result:
This is Subrscript Tag Example

<small> - Small Text

<small> tag ki madat se kisi text ko small kar sakte hai jo dusre text ki mukable chota hoga.
Example:
<!DOCTYPE html>
<html>
<head>
<title> Small Tag Example</title>
</head>
<body>
<p> This is <small> Small </small> Text example</p>
</body>
</html>

Result:
This is small Text example

<big> - Bigger Text

<big> tag ki madat se kisi text ko big kar sakte hai jo dusre text ki mukable bada hoga.
Example:
<!DOCTYPE html>
<html>
<head>
<title> Small Tag Example</title>
</head>
<body>
<p> This is <small> Small </small> Text example</p>
</body>
</html>

Result:
This is Bigg Text example

<ins> - Inserted Text

<ins> tag ki madat se kisi text ko delete kiye gaye jagah par naye text takh sakte hai.
Example:
<!DOCTYPE html>
<html>
<head>
<title> Inserted Tag Example</title>
</head>
<body>
<p> This is <ins> Inserted </ins> Text example</p>
</body>
</html>

Result:
HTML Tutorial In Hindi, HTML TUTORIAL: FORMATTING TAG

<strike> - Strike through Text

<strike> tag ki help se kisi bhi text ko beech me ek siddha khich sakte hai.
Example:
<!DOCTYPE html>
<html>
<head>
<title> Strike Tag Example</title>
</head>
<body>
<p> This is <strike> Strike </strike > Text example</p>
</body>
</html>

Result:
This is Strike Text example.

To is tara se aap kisi bhi formatting tag ki help le kar apni text ki design change kar sakte hai. isse apni HTML document ki look dhoda styles ban jata hai.

Ab sabhi formatting tag ko use kiye huwe ek program dekhte hai.
<html>
<head>
<title>Text Formatting example</title>
</head>
<body>
<p>
<b> This is bolded text. </b>
</p>
<p>
<i> This is italic Text.</i>
</p>
<p>
<ins> This is underlined tex.</ins>
</p>

<p>  This is<sup>super scripted </sup> text. </p>
<p>  This is<sub>sub scripted </sub> text.</p>
<p> This is<small> Small</small> Text </p>
<mark> This is highlighted text. </mark>
</body>
</html>
Result:

HTML Tutorial In Hindi, HTML TUTORIAL: FORMATTING TAG

Previous: Attribute
Next: Meta Tags
HTML TUTORIAL: FORMATTING TAG HTML TUTORIAL: FORMATTING TAG Reviewed by Phaguni Mandal on 12/11/2018 Rating: 5

No comments:

Powered by Blogger.