HTML Formatting Elements
Formatting elements were designed to display special types of text.
TAG DESCRIPTION
<b> Defines bold text, without any extra
importance.
<strong> Defines text with strong importance.
The content inside is typically
displayed in bold
<i> Defines a part of text in an alternate
voice or mood. The content inside is
typically displayed in italic.
Defines emphasized text. The content
<em> inside is typically displayed in italic.
<mark> Defines text that should be marked or
highlighted
<small> element defines smaller text
<big> element defines bigger text
<del> Defines text that has been deleted
from a document. Browsers will
usually strike a line through deleted
text
<u> Defines underline text
<ins> Defines a text that has been inserted
into a document. Browsers will usually
underline inserted text
<sub> Defines subscript text. 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 H2O
<sup> Defines superscript text. Superscript
text appears half a character above
the normal line, and is sometimes
rendered in a smaller font.
Superscript text can be used for
footnotes, like WWW[1]
INPUT OUTPUT
HTML Quotation and Citation Elements
HTML <blockquote> for Quotations
Definition and Usage
The <blockquote> tag specifies a section that is quoted from another source.
Browsers usually indent <blockquote> elements (look at example below to see
how to remove the indentation).
HTML <bdo> for Bi-Directional Override
BDO stands for Bi-Directional Override.
The HTML <bdo> tag is used to override the current text direction:
Example:
INPUT OUTPUT
Add Comments
With comments you can place notifications and reminders in your HTML code:
INPUT OUTPUT
HTML Headings
HTML headings are defined with the <h1> to <h6> tags.
<h1> defines the most important heading. <h6> defines the least important heading:
INPUT OUTPUT
HTML Paragraphs
Definition and Usage
The <p> tag defines a paragraph.
Browsers automatically add a single blank line before and after each <p> element.
INPUT OUTPUT
HTML <pre> Tag(Preformatted text)
Definition and Usage
The <pre> tag defines preformatted text.
Text in a <pre> element is displayed in a fixed-width font, and the text
preserves both spaces and line breaks. The text will be displayed exactly as
written in the HTML source code.
In the example below, I put white spaces (blank space in between lines) and
format the text in the notepad. When you open in the browser, it will display the
same format.
INPUT OUTPUT
