Chapter 5. Formatting Text

12 Views

In addition to creating elements, HTML offers tags for in-text formatting, enabling the application of specific text-related styles to text segments. This section exemplifies HTML text formatting features like highlighting, bolding, underlining, subscript, and stricken text.

Highlighting:
Introduced in HTML5, the  element is utilized to emphasize or highlight text within a document, typically to denote relevance in another context. For instance:

Here is the example of MARKED TEXT in the paragraph.

Output:
Highlighting is often represented by black text on a yellow background, although this can be customized using CSS.

Bold, Italic, and Underline:

Bold Text:
To emphasize text, utilize the  OR tags, each carrying semantic differences:

 This is BOLD text //OR This is BOLD TEXT 

The distinction lies in semantics; indicates fundamental importance, while  simply bolds text without implied significance.

Italic Text:
Italicized text is achieved using or  tags, with  denoting extra emphasis:

 This is Italicized text. //OR this is Italicized text. 

The choice between  and  depends on the intended emphasis or stylistic convention.

Underlined Text:
Although deprecated in HTML4, the element was reintroduced in HTML5 for alternate purposes, such as marking misspelled words:

This is underlined text.

Abbreviation:
The <abbr>tag designates an abbreviation, with the optional title attribute providing its full description:

Hover over to see full form of <abbr title="Hypertext Markup Language">HTML</abbr>!

Inserted, Deleted, or Stricken Text:
Text can be marked as inserted using <ins>, deleted using <del>, or struck through using <s>:

<ins>This is Inserted Text</ins> <del>This is Deleted Text</del> <s>This is Struck-through text</s>

Superscript and Subscript:
Use  and  tags to position text upward or downward respectively:

 This is superscript text, This is subscript text