HTML Formatting

these are options available to indicate how text can display in HTML.

Bold Text

<!DOCTYPE html>
<html>
<head>
<title>Bold Text display Example</title>
</head>
<body>
<p>some text write <b>bold</b></p>
</body>
</html>

Italic Text

<!DOCTYPE html>
<html>
<head>
<title>Italic Text display Example</title>
</head>
<body>
<p>some text write <i>italic</i> .</p>
</body>
</html>

Underlined Text

<!DOCTYPE html>
<html>
<head>
<title>underline Text display Example</title>
</head>
<body>
<p>some text write <u>italic</u> .</p>
</body>
</html>

Strike Text

<!DOCTYPE html>
<html>
<head>
<title>strike Text display Example</title>
</head>
<body>
<p>some text write <strike>strike word.</strike> .</p>
</body>
</html>

Monospaced Font

<!DOCTYPE html>
<html>
<head>
<title>Monospaced Text display Example</title>
</head>
<body>
<p>some text write <tt>Monospaced font.</tt> .</p>
</body>
</html>

Superscript Text

<!DOCTYPE html>
<html>
<head>
<title>Superscript Text display Example</title>
</head>
<body>
<p>some text write <sup>superscript</sup> typeface.</p>
</body>
</html>

Subscript Text

<!DOCTYPE html>
<html>
<head>
<title>Subscript Text display Example</title>
</head>
<body>
<p>some text write <sub>subscript</sub> typeface.</p>
</body>
</html>

Inserted Text

<!DOCTYPE html>
<html>
<head>
<title>Inserted Text display Example</title>
</head>
<body>
<p>some text write <del>india</del> <ins>bharat</ins></p>
</body>
</html>

Deleted Text

<!DOCTYPE html>
<html>
<head>
<title>Deleted Text display Example</title>
</head>
<body>
<p>meet my friend <del>ram</del> <ins>singh</ins></p>
</body>
</html>

Larger Text

<!DOCTYPE html>
<html>
<head>
<title>Larger Text Example</title>
</head>
<body>
<p>some text <big>big</big></p>
</body>
</html>

Smaller Text

<!DOCTYPE html>
<html>
<head>
<title>Smaller Text Example</title>
</head>
<body>
<p>some text <small>small</small> </p>
</body>
</html>

Grouping Content

<!DOCTYPE html>
<html>
<head>
<title>Div Example</title>
</head>
<body>
<div id=”menu” align=”middle” >
<a href=”index.html”>HOME</a> |
<a href=”contact.html”>CONTACT</a> |
<a href=”about.html”>ABOUT</a>
</div>

<div id=”content” align=”left” bgcolor=”white”>
<h5>Content </h5>
<p>your content here…..</p>
</div>
</body>
</html>

 

 

 

 

 

 

Leave a Comment