HTML Text Formatting

by jahangir | Apr 10, 2023 | HTML

What is HTML Text Formatting?

HTML text formatting refers to the process of changing the appearance of text on a web page using HTML tags and attributes. HTML provides a variety of tags for formatting text, including bold, italic, underline, deleted text, subscript, superscript, etc.

These tags can be used individually or in combination to create various text formatting styles. For example, to make text both bold and italic, you can use the  and  tags together like this: text. HTML text formatting can be used to make content more visually appealing and easier to read.

HTML and tags

HTML  tag is used to define bold text without any extra importance in HTML Text Formatting.

<!DOCTYPE html>
<html>
  <body>

    <p>This text is normal text.</p>

    <p><b>This is a bold text.</b></p>

  </body>
</html>

HTML  tag defines bold text with extra importance. This is a very important tag in HTML Text Formatting.

<!DOCTYPE html>
<html>
  <body>

    <p>This text is normal text.</p>

    <p><strong>This text is bold with extra importance.</strong></p>

  </body>
</html>

HTML and Tags

HTML  tag defines italic text without extra importance like  tag.

<!DOCTYPE html>
<html>
  <body>

    <p>This text is normal text.</p>

    <p><i>This is an italic text.</i></p>

  </body>
</html>

HTML  tag defines italic text with extra importance like the  tag. This is an important tag in HTML Text Formatting.

<!DOCTYPE html>
<html>
  <body>

    <p>This text is normal text.</p>

    <p><em>This is an italic text with extra importance.</em></p>

  </body>
</html>

HTML tag

HTML  tag defines underlined text.

<!DOCTYPE html>
<html>
  <body>

    <p>This text is normal text.</p>

    <p><u>This is underlined text.</u></p>

  </body>
</html>

HTML <del> tag

HTML <del> tag defines a deleted text and puts a line through the text.

<!DOCTYPE html>
<html>
  <body>

    <p>This text is normal text.</p>

    <p>The price of the book is <del>$30</del> $25</p>

  </body>
</html>

HTML and Tags

The  tag is particularly useful for displaying chemical formulas, footnotes, or mathematical expressions that require a smaller font size or a lowered position on the page.

Displaying the chemical formula for water (H₂O) using HTML Text Formatting (  tag ):

<!DOCTYPE html>
<html>
  <body>

    <p>Here is the chemical formula for water:</p>

    <p> H<sub>2</sub>O </p>

  </body>
</html>

The  tag is particularly useful for displaying exponents, footnotes, or mathematical expressions that require a smaller font size or a raised position on the page.

Here is an example of how to use the  tag to display a mathematical expression:

<!DOCTYPE html>
<html>
  <body>

    <p>Here is a mathematical expression:</p>

    <p> x<sup>2</sup> + y<sup>2</sup> </p>

  </body>
</html>

HTML tag

The HTML  tag is used to highlight or mark a specific section of text within an HTML document. It is often used to draw attention to a specific word or phrase and is commonly used in search engine results or for highlighting keywords in online articles.

The  tag does not have any required attributes and can be used within most HTML elements, such as paragraphs, , headings, etc. Here’s an example of how to use the  tag:

<!DOCTYPE html>
<html>
  <body>

    <p>My favourite color is <mark>blue</mark>.</p>

  </body>
</html>

When rendered in a web browser, the word “blue” will be highlighted with a yellow background, indicating that it is a marked section of text. The appearance of the highlighted text can be customized using CSS to match the design of the website.