HTML - Formatting

HTML Formatting

To provide a better look and feel, the text/paragraph need to be formatted; for example, making text bold, underline, or italic.

Following are the major options of formatting the text in HTML −

Bold Text

Write the Paragraph in bold text.

Example

<!DOCTYPE html>
<html>
<body>
<p>This paragraph is normal.</p>
<p><b>This paragraph is bold.</b></p>
</body>
</html>

Result

This paragraph is normal.

This paragraph is bold.

Italic Text

Write the Paragraph in italic text.

Example

<!DOCTYPE html>
<html>
<body>
<p>Write the <i>Paragraph</i> in italic text.</p>
</body>
</html>

Result

Write the Paragraph in italic text.

Underline Text

Write the Paragraph in underlined text.

Example

<!DOCTYPE html>
<html>
<body>
<p>My Paragraph <u>underlined</u>.</p>
</body>
</html>

Result

My Paragraph underlined.

Strike Text

<strike> Write the Paragraph with strikethrough </strike>

Example

<!DOCTYPE html>
<html>
<body>
<p>This Paragraph <strike> scratched</strike> out!</p>
<p>This Paragraph no scratched</p>
</body>
</html>

Result

This Paragraph ~~scratched~~ out!

This Paragraph no scratched

Subscript Text

 Write the Paragraph in subscript 

Example

<!DOCTYPE html>
<html>
<body>
<p>Testing <sub>subscript text</sub></p>
<p>Testing <sup>superscript text</sup></p>
</body>
</html>

Result

Testing _{subscript text}

Testing ^{superscript text}

Superscript Text

 Write the Paragraph in superscript

Example

<!DOCTYPE html>
<html>
<body>
<p>Testing <sub>subscript text</sub></p>
<p>Testing <sup>superscript text</sup></p>
</body>
</html>

Result

Testing _{subscript text}

Testing ^{superscript text}

Inserted Text

<del> Delete the paragraph </del> <ins>insert paragraph</ins>

Example

<!DOCTYPE html> 
<html> 
<body> 
<p> My favorite color is <del> MediumSeaGreen</del>  <ins> red</ins> !</p> 
</body> 
</html>

Result

My favorite color is ~~MediumSeaGreen~~ red!

Deleted Text

<del> Delete the second paragraph </del>

Example

<!DOCTYPE html>
<html>
<body>
<p>This is my favorite color <del>Brown</del> <ins>Crimson</ins>!</p>
</body>
</html>

Result

This is my favorite color ~~Brown~~ Crimson!

Smaller Text

 Write the first paragraph in smaller font 

Example

<!DOCTYPE html>
<html>
<body>
<p>Htmltpoint.com - is a dedicated website to provide quality online education in the domains of Computer Science, Information Technology, Programming Languages,</p>
<p><small>Copyright 2017-2018 by Refsnes Data.</small></p>
</body>
</html>

Result

Htmltpoint.com - is a dedicated website to provide quality online education in the domains of Computer Science, Information Technology, Programming Languages,

First Page