loading

HTML Formatting

Html, Html5, Html Tutorials, Learn Html, Free Html Tutorials, Html Example, Html Explained, Html Elements For Text Formatting, Html Text Formatting, Bold Text, Important Text, Italic Text, Emphasized Text, Marked Text, Smaller Text, Deleted Text, Inserted Text, Subscript Text, Superscript Text

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.

Share this Doc

HTML Formatting

Or copy link

Explore Topic