HTML text formatting elements
हेलो दोस्तों इस post में हम जानेगे की Html में अपने text की formate अलग अलग तरीके से कैसे सेट कर सकते है| HTML में ऐसे कई सारे Element है जिसका उपयोग करके हम अपने text formate को better way में सेट कर सकते है वोबी किसी css का उपयोग किये बिना.
- <b> Element
- <i>Element
- <u> Element
- <mark> Element
- <ins> Element
- <small> Element
- <big> Element
- <del> Element
- <sub> Element
- <sup> Element
<b> Element for Bold Text
HTML में <b> </b>और <strong></strong> text formatting element है| HTML में <b></b> element किसी बी text को bold text formate में webpages में display करता है.
HTML के <b></b> tag के बीच में जोबी text होता है उसे <b></b> element bold text में display करता है.
<!DOCTYPE html>
<html lang="en">
<head>
<title>document demo</title>
</head>
<body align=center>
<p>this is <b>paragraphs</b></p>
<p>this is <b>second</b> paragraphs</p>
</body>
</html>
output
this is paragraphs
this is second paragraphs
Italic Text Formate
HTML में <i></i>और <em></em> text formatting element है| HTML <i></i> और <em></em> element किसी बी text को italic font formate में set करता है.
HTML <i></i> element example
<!DOCTYPE html>
<html lang="en">
<head>
<title>document demo</title>
</head>
<body align=center>
<p>this is paragraphs</p>
<p>this is exaple of this<i>text is italic formate</i></p>
</body>
</html>
output
this is paragraphs
this is exaple of this text is italic formate
HTML <em></em> element example
HTML के <em> </em> element tag के बीच में जोबी text होता है उसे <em></em>element italic font formate में display करता है.
<!DOCTYPE html> <html lang="en"> <head> <title>document demo</title> </head> <body align=center> <p>this is paragraphs</p> <p>this is exaple of this <em>text is italic formate</em></p> </body> </html>
output
this is paragraphs
this is exaple of this text is italic formate
<mark> Element
HTML में <mark></mark> text formatting element है,अगर text को mark या highlight करना होतो <mark></mark> element का उपयोग किया जाता है|
<mark></mark> के दोनों tag के बीच में लिखा text mark और highlight में display होता है|
<!DOCTYPE html>
<html lang="en">
<head>
<title>document demo</title>
</head>
<body align=center>
<p>this is element content text show as <mark>mark text highlight</mark></p>
</body>
</html>
output
this is element content text show as mark text highlight
<u> Element
HTML में <u></u> एक text formatting element है | अगर text को <u></u> tag के बीच में लिखा है तो text के निचे underline के formated में text को display करता है|
<!DOCTYPE html>
<html lang="en">
<head>
<title>document demo</title>
</head>
<body align=center>
<p>this is element content text show as <u>text underline formate</u></p>
</body>
</html>
output
this is element content text show as text underline formate
<strike>Element
HTML में <strike></strike> tag के बीच में लिखा text के ऊपर cross लाइन के साथ text display होगा.
<!DOCTYPE html>
<html lang="en">
<head>
<title>document demo</title>
</head>
<body align=center>
<p>this is element content text show as <strike>text strike formate</strike></p>
</body>
</html>
output
this is element content text show as text strike formate
<sup> Element
HTML में <sup></sup> tag के बीच में लिखा text superscript में display होता है | मतलब की <sup></sup>element में लिखा हुवा text दूसरे text छे थोड़ा सा ऊपर की और दिखाय देता है | और <sub></sup>element में लिखा text का font size दूसरे text छे छोटे होते है|
<!DOCTYPE html>
<html lang="en">
<head>
<title>document demo</title>
</head>
<body align=center>
<p>this is text show <sup>abobe of other text formate</sup></p>
</body>
</html>
output
this is text show abobe of other text formate
<sub> Element
HTML में <sub></sub> tag के बीच में लिखा text subscript में display होता है | मतलब की <sub></sub>element में लिखा हुवा text दूसरे text छे थोड़ा सा निचे की और दिखाय देता है | और <sub></sub>element में लिखा text का font size दूसरे text छे छोटे होते है|
<!DOCTYPE html>
<html lang="en">
<head>
<title>document demo</title>
</head>
<body align=center>
<p>this is text show <sub>below of other text formate</sub></p>
</body>
</html>
output
this is text show below of other text formate
<del> Element
HTML के <del></del> tag के बीच में लिखा text deleted text जैसे display होता है | मतलब की text के ऊपर horizontal line के साथ display होता है|
<!DOCTYPE html>
<html lang="en">
<head>
<title>document demo</title>
</head>
<body align=center>
<p>this is text show as<del>deleted text formate</del></p>
</body>
</html>
output
this is text show asdeleted text formate
<big> Element
HTML के <big></big> tag के बीच में लिखा text का size दूसरे text के font size से larger (बड़े) होता है|
<!DOCTYPE html>
<html lang="en">
<head>
<title>document demo</title>
</head>
<body align=center>
<p>this is text show as<big>large text formate</big></p>
</body>
</html>
output
this is text show aslarge text formate
<small> Element
HTML के <small></small> tag के बीच में लिखा text का size दूसरे text के font size से smaller (छोटे) होता है |
<!DOCTYPE html>
<html lang="en">
<head>
<title>document demo</title>
</head>
<body align=center>
<p>this is text show as<small>large text formate</small></p>
</body>
</html>
output
this is text show aslarge text formate
