top of page
image.png

LESSON SIX.

image.png

HTML Formatting

ˏˋ°•*⁀➷ HTML Formatting Elements:

► designed to display special types of text.

image.png

<b> and <strong>

ˏˋ°•*⁀➷ <b> element (bold):

► Defines bold text, without any extra importance.

<b>This text is bold!</b>

ˏˋ°•*⁀➷ <strong> element:

► Defines text with strong importance. The content inside is typically displayed in bold.

<strong>This text is important!</strong>

<i> and <em>

ˏˋ°•*⁀➷ <i> element (italics):

► Defines a part of text in an alternate voice or mood. The content inside is typically displayed in italics.

► Often used to indicate a technical term, a phrase from another language, a thought, a ship name, etc.

<i>This text is in italics!</i>

ˏˋ°•*⁀➷ <em> element (emphasis):

► Defines emphasized text. The content inside is typically displayed in italic.

► A screen reader will pronounce the words in <em> with an emphasis, using verbal stress.

<em>This text is in italics!</em>

image.png

<small>

ˏˋ°•*⁀➷ <small> element:

► Defines smaller text.

<small>This text is small!</small>

image.png
image.png

<mark>

ˏˋ°•*⁀➷ <small> element:

► Defines text that should be marked or highlighted.

<p>"and now i see <mark>daylight</mark>"</p>

image.png
image.png

<del> and <ins>

ˏˋ°•*⁀➷ <del> element (delete):

►Defines text that has been deleted from a document. Browsers will usually strike a line through deleted text.

<p>My favorite color is <del>red</del> pink.</p>

ˏˋ°•*⁀➷ <ins> element (insert):

►Defines a text that has been inserted into a document. Browsers will usually underline inserted text.

<p>My favorite color is <del>red</del> <ins>pink</ins>.</p>

<sup> and <sub>

ˏˋ°•*⁀➷ <sup> element (superscript):

►Superscript text appears half a character above the normal line and is sometimes rendered in a smaller font. Superscript text can be used for exponents, like 4¹¹. 

<p>This text is <sup>ˢᵘᵖᵉʳˢᶜʳᶦᵖᵗᵉᵈ</sup></p>

ˏˋ°•*⁀➷ <sub> element (subscript):

image.png
image.png
image.png

►Subscript text appears half a character below the normal line, and is sometimes rendered in a smaller font. Subscript text can be used for chemical formulas, like H₂O.

<p>This text is <sub>subscripted</sub></p>

image.png
image.png
image.png
image.png
image.png
image.png
  • alt.text.label.Instagram

©2023 by dariana. 

bottom of page