--- title: "Explain the HTML Formatting tags" description: "HTML formatting tags help you define the appearance and styling of text within a webpage." author: "Ashutosh Patel" published: 2025-03-26 updated: 2025-03-26 canonical: https://www.mindstick.com/articles/338885/explain-the-html-formatting-tags category: "html" tags: ["html", "html5", "format", "html tags"] reading_time: 3 minutes --- # Explain the HTML Formatting tags HTML formatting tags help you define the appearance and styling of text within a webpage. These tags affect the way text is displayed, but do not add semantic meaning. ## 1. Bold and Strong Text `` **(Bold)** - Makes text **bold**, but not emphasized. - **Use case:** For styling purposes only. ```html

This is a bold text.

``` `` **(Strong [Importance](https://yourviews.mindstick.com/view/86294/explore-the-importance-of-trees-in-human-life))** - Makes text **bold** and conveys importance (semantic meaning). - **Use case:** When the content is [critical](https://www.mindstick.com/blog/11798/4-critical-factors-to-weigh-in-before-finalizing-a-med-school) or important. ```html

This is a very important notice.

``` ## Note: Use `` instead of `` for better [accessibility](https://answers.mindstick.com/qa/82443/describe-accessibility-modifiers-in-c-sharp)! ## 2. Italics and Emphasis `` **(Italic)** - Displays text in *italics*, but does not emphasize. - **Use case:** [foreign words](https://answers.mindstick.com/qa/35468/how-many-foreign-words-have-you-learnt-so-far), [technical](https://answers.mindstick.com/qa/93714/what-are-the-technical-services-offered-by-mindstick) terms. ```html

This is an italic text.

``` `` **(Emphasized Text)** - Displays *italic* text and provides **emphasis**. - **Use case:** Highlighting words for meaning. ```html

This is very important information.

``` **Note:** Use `` instead of `` for better accessibility! ## 3. Underline and Strikethrough `` **(Underline)** - Underlines text, but does not add semantic meaning. - **Use case:** Pointing out misspelled words. ```html

This is an underlined word.

``` `` **(Strikethrough / Deleted Text)** - Displays text with a strikethrough, indicating **incorrect** or **out-of-date** content. ```html

This price is $100 now only $80!

``` `` **(Deleted Text)** Similar to ``, but denotes a deletion. ```html

Old version: Outdated text

``` **Note:** Use instead of for [meaningful](https://www.mindstick.com/articles/157209/data-science-for-effective-interpretation-and-extraction-of-meaningful-data) changes. ## 4. Superscript and Subscript `` **(superscript)** - Raises text above the baseline. - **Use case**: mathematical exponents, footnotes. ```html

Water formula: H2O

Math equation: x2 + y2

``` `` **(subscript)** - Moves text below the baseline. - **Use case:** chemical formulas, footnotes. ```html

Chemistry formula: CO2

``` ## 5. Marked and Highlighted Text `` **(highlighted text**) - Highlights text with a yellow [background](https://www.mindstick.com/articles/65/how-to-change-background-color-of-tab-control-in-c-sharp). - **Use case:** Important information. ```html

This is a highlighted text.

``` ## Styling can be done using CSS: ```css mark { background-color: lightblue; } ``` ## 6. Small and Monospace Text `` **(small text)** - Displays text in a smaller size. ```html

This is small text.

``` `` **(Monospace Code)** - Displays [programming](https://www.mindstick.com/articles/65137/what-is-python-programming) code in monospace font. ```html

Inline code: console.log("Hello World");

``` Use `
` tag for multiple-line [code blocks](https://www.mindstick.com/forum/34555/code-blocks).

```html

function hello() {
   console.log("Hello World");
}


```

## 7. Quote and Citation Tags

`
` **(Block Quote)**

- Used for long quotes.
- **Use case:** Citing references.

```html


   "The only way to do great work is to love what you do." - Steve Jobs


```

`` **(Inline Quote)**

- Used for short quotes.

```html

Steve Jobs once said, Stay hungry, stay foolish.

```

`` **(Citation)**

Defines the title of a creative work.

```html

The book Harry Potter is amazing.

```

## Example

```html



   
   
   HTML Formatting Tags


   
Text Formatting Example

   
Bold text vs. Strong text

   
Italic text vs. Emphasized text

   
Underlined text and Strikethrough text

   
H2O and E=mc2

   
This is a highlighted text.

   
Code Example

   
 function hello() {
     console.log("Hello, World!");
 }
   

   
Quotes

   

       "Success is not final, failure is not fatal: it is the courage to continue that counts."
   

   
As Churchill said, Never give up!



```

Also, read: [HTML Graphics tags: map tag, picture tag, and figure tag](https://www.mindstick.com/articles/338869/html-graphics-tags-map-tag-picture-tag-and-figure-tag)

---

Original Source: https://www.mindstick.com/articles/338885/explain-the-html-formatting-tags

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.