0% found this document useful (0 votes)
6 views

HTML Formatting Elements

The document discusses various HTML formatting elements like <b>, <strong>, <i>, <em>, <mark>, <small>, <big>, <del>, <u>, and <ins> that are used to define different text styles and meanings. It also covers HTML quotation and citation elements like <blockquote> and <bdo> as well as headings, paragraphs, and preformatted text tags.
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
6 views

HTML Formatting Elements

The document discusses various HTML formatting elements like <b>, <strong>, <i>, <em>, <mark>, <small>, <big>, <del>, <u>, and <ins> that are used to define different text styles and meanings. It also covers HTML quotation and citation elements like <blockquote> and <bdo> as well as headings, paragraphs, and preformatted text tags.
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

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

You might also like