HTML Formatting
HTML contains several elements for defining HTML text Formatting with a special meaning.
Example
This text is bold
This text is italic
This is subscript and superscript
HTML Formatting Elements
Special forms of text were intended to be shown via formatting elements:
- <b> – Bold text
- <strong> – Important text
- <i> – Italic text
- <em> – Emphasized text
- <mark> – Marked text
- <small> – Smaller text
- <del> – Deleted text
- <ins> – Inserted text
- <sub> – Subscript text
- <sup> – Superscript text
HTML < b > and < strong > Elements
The HTML <b> element defines bold text, without any extra importance.
Example
<b>This text is bold</b>
Text is defined with significant relevance using the HTML <strong> element. Usually, the text within is shown in bold.
Example
<strong>This text is special!</strong>
HTML < i > and < em > Elements
A section of text can be defined in a different voice or mood using the HTML <i> element. Usually, the text within is shown in italics.
Advice: The <i> tag is frequently used to denote a ship name, a technical word, a sentence from a different language, an idea, etc.
Example
<i>This text is italic</i>
Emphasized text is defined by the HTML <em> element. Usually, the text within is shown in italics.
Tip: A screen reader will utilize vocal stress to pronounce the words in <em> with emphasis.
Example
<em>This text is emphasized</em>
HTML < small > Element
Smaller text is defined using the HTML <small> element:
Example
<small>This is some smaller content.</small>
HTML < mark > Element
The text that should be marked or highlighted is defined by the HTML <mark> element:
Example
<p>Do not forget to buy <mark>tomato</mark> today.</p>
HTML < del > Element
Text that has been removed from a document is defined using the HTML <del> element. Deleted text is typically indicated by a line in the browser:
Example
<p>My favorite color is <del>red</del> pink.</p>
HTML < ins > Element
A text that has been injected into a document is defined by the HTML <ins> element. Typically, entered text is underlined by browsers:
Example
<p>My favorite color is <del>yellow</del> <ins>pink</ins>.</p>
HTML < sub > Element
Text in subscript is defined by the HTML <sub> element. Subscript text is occasionally displayed in a smaller font and appears half a character below the main line. Subscript text is applicable to chemical formulations such as H2O.
Example
<p>This is <sub>subscripted</sub> text.</p>
HTML < sup > Element
Text in superscript is defined by the HTML <sup> element. Superscript text is occasionally displayed in a smaller font and appears half a character above the standard line. For footnotes, superscript text such as WWW[1] can be utilized:
Example
<p>This is <sup>superscripted</sup> text.</p>
The Ultimate Guide to HTML Text Formatting: Mastering Bold, Italic, and Emphasized Text
Understanding the Basics of HTML
HTML, html5, HTML basics, HTML structure, html tags, html elements
Formatting Text in HTML: The Essential Elements
HTML text formatting, HTML text elements, html bold, HTML italic, HTML emphasized
Using the <b> and <strong> Tags for Bold Text
HTML bold, html bold text, html strong, HTML important text, Free HTML tutorials
Applying Italics with the <i> and <em> Tags
HTML italic, HTML i tag, HTML em tag, HTML emphasized text
Combining Text Formatting Elements for Unique Styles
HTML text formatting examples, HTML text styling, html formatting combinations
Conclusion: Elevate Your Web Pages with Masterful HTML Text Formatting
HTML tutorials, learn HTML, free HTML lessons, HTML examples, HTML explained
Tip: To write SEO-friendly long-form content, select each section heading along with keywords and use the “Paragraph” option from the floating menu. The more descriptive the headings with keywords, the better.
