Slide 5.10: HTML text formatting

HTML Text Formatting

HTML uses tags like <b> and <i> for formatting output, like bold or italic text. These HTML tags are called formatting tags.

Text Formatting Tags

Tag	Description
`<b>`	Defines bold text.
`<big>`	Defines big text.
`<em>`	Defines emphasized text.
`<i>`	Defines italic text.
`<small>`	Defines small text.
`<strong>`	Defines strong text.
`<sub>`	Defines subscripted text.
`<sup>`	Defines superscripted text.
`<ins>`	Defines inserted text.
`<del>`	Defines deleted text.
`<s>`	Deprecated. Use `<del>` instead.
`<strike>`	Deprecated. Use `<del>` instead.
`<u>`	Deprecated. Use styles instead.

“Computer Output” Tags

Tag	Description
`<code>`	Defines computer code text.
`<kbd>`	Defines keyboard text.
`<samp>`	Defines sample computer code.
`<tt>`	Defines teletype text.
`<var>`	Defines a variable.
`<pre>`	Defines preformatted text.
<listing>	Deprecated. Use `<pre>` instead.
<plaintext>	Deprecated. Use `<pre>` instead.
<xmp>	Deprecated. Use `<pre>` instead.

Citations, Quotations, and Definition Tags

Tag	Description	Tag	Description
`<abbr>`	Defines an abbreviation.	`<acronym>`	Defines an acronym.
`<address>`	Defines an address element.	`<bdo>`	Defines the text direction.
`<blockquote>`	Defines a long quotation.	`<q>`	Defines a short quotation.
`<cite>`	Defines a citation.	`<dfn>`	Defines a definition term.

Demonstration
The following demonstration shows how the HTML script is displayed on the Web.


<html> <head><title>HTML Working Area</title></head> <body> <p><b>This text is bold</b></p> <p><big>This text is big</big></p> <p><i>This text is italic</i></p> <p><code>This is computer output</code></p> <p>This is<sub> subscript</sub> and <sup>superscript</sup></p> </body> </html>

When Samantha was in her teens she looked ordinary,
but in her early 20s she turned into
a real knockout (an extremely beautiful woman)!