HTML Text Tag Examples

Text Tags Examples

Banner (external link)
Font Color
Font Faces
Font Styles

Logical Styles
Physical Styles

Font Sizes
HTML Entities / ISO Characters
(external link)
Headers
Hiding Text/Tags
Marquee (external link)

FONT COLOR
Example code will be given first, and then the result of the code.

Test text.
Test text.
Test text.
Test text.
For 141 color names (including the 16 listed in the HTML 3.2 documentation) go to the Color page.
GRADIENT
GRADIENT

To the Table of Contents

FONT FACES
Example code will be given first, and then the result of the code.

Test text compared to default text.
Test text compared to default text.
Test text compared to default text.
Test text compared to default text.
Test text compared to default text.
Test text compared to default text.
Test text compared to default text.
Test text compared to default text.
Test text compared to default text.
Test text compared to default text.
Test text compared to default text.
Test text compared to default text.

COMBINING FONT FACE AND STYLES

Test text compared to default text.
Test text compared to default text.

To the Table of Contents

FONT LOGICAL STYLES
Example code will be given first, and then the result of the code.

An example of the <ADDRESS>Mail Address tag</ADDRESS> in a document.
An example of the
Mail Address tag
in a document.
<BIG>Big Text</BIG>, compared to normal text.
Big Text, compared to normal text.
- The <BIG>Big<BIG> Text</BIG> tag</BIG> can be cumulative.
 The Big Text tag can be cumulative.
<BLINK>Blinking Text</BLINK>, compared to normal text.
Blinking Text, compared to normal text.
The Blockquote tag <BLOCKQUOTE>separates a quotation</BLOCKQUOTE> from the rest of your document.
(Old 2.0 Standard)
The Blockquote tag
separates a quotation
from the rest of your document.
The Blockquote tag <BQ>separates a quotation</BQ> from the rest of your document.
(New 3.0 Standard)
The Blockquote tag separates a quotation from the rest of your document.
<CITE>Citation Text</CITE>, compared to normal text.
Citation Text, compared to normal text.
<CREDIT>Credit Text</CREDIT>, compared to normal text.
Credit Text, compared to normal text.
<DFN>Definition Text</DFN>, compared to normal text.
Definition Text, compared to normal text.
Emphasized Text, compared to normal text..
Emphasized Text, compared to normal text.
<FN>FOOTNOTE Tag
Example Coding:
<A HREF="#footnote1">1</A> -- this references the following footnote:<FN id="footnote1">1if supported clicking on the footnote link will cause a small window to pop up containing the actual footnote.</FN>
Result of Coding:
¹ -- this references the following footnote:
¹ if supported clicking on the footnote link will cause a small window to pop up containing the actual footnote.
<KBD>Keyboard Font</KBD>, compared to normal text.
Keyboard Font, compared to normal text.
An example of the <LISTING>Listing Tag</LISTING> compared to normal text.
An example of the
Listing Tag compared to normal text.
PLAINTEXT External link to example. The Plaintext tag can act very oddly on some browsers, thus the reason for it's own page.
An example of the <PRE>Preformated Text tag</PRE> in a document.
An example of the
```
Preformated Text tag
```
in a document.
<SAMP>Sample Format</SAMP>, compared to normal text.
Sample Format, compared to normal text.
Small Text, compared to normal text.
Small Text, compared to normal text.
- The Small Text tag can be cumulative.
 The Small Text tag can be cumulative.
Strong Emphasis, compared to normal text.
Strong Emphasis, compared to normal text.
Subscript Text, compared to normal text.
_{Subscript Text}, compared to normal text.
Superscript Text, compared to normal text.
^{Superscript Text}, compared to normal text.
<VAR>Variable Text</VAR>, compared to normal text.
Variable Text, compared to normal text.
An example of how the <XMP>Example Text</XMP> tag works in a document. Note that HTML tags are ignored within the XMP tags.
An example of how the
tag works in a document. Note that HTML tags are ignored within the XMP tags.