Pure Standard HTML

This page shows you how plain HTML code is displayed in your browser. The background color, base font faces, styles, sizes, and colors used are those specified by your own browser settings.

The header and paragraph above was generated by this code: <H1>Pure Standard HTML</H1> <P>This page shows you how plain HTML code is displayed in your browser. The background color, base font faces, styles, sizes, and colors used are those specified by your own browser settings.</P>

Block-Level Formatting


ADDRESS

Source Code:
Normal Text <ADDRESS>Address Text</ADDRESS> Normal Text
Resulting Display:
Normal Text
Address Text
Normal Text
Source Code:
Normal Text <HR ALIGN="left" WIDTH="25%"> <ADDRESS> Address Line 1<BR> Address Line 2<BR> Address Line 3<BR> </ADDRESS> <HR ALIGN="left" WIDTH="25%"> Normal Text
Resulting Display:
Normal Text
Address Line 1
Address Line 2
Address Line 3

Normal Text
Normal Text
Block Quote
Normal Text
Source Code:
Normal Text <BLOCKQUOTE> Block Quote 1 Line 1 Block Quote 1 Line 2 <BLOCKQUOTE> Block Quote 2 Line 1 Block Quote 2 Line 2 </BLOCKQUOTE> Block Quote 1 Line 3 </BLOCKQUOTE> Normal Text
Resulting Display:
Normal Text
Block Quote 1 Line 1 Block Quote 1 Line 2
Block Quote 2 Line 1 Block Quote 2 Line 2
Block Quote 1 Line 3
Normal Text

CENTER

Source Code:
Normal Text <CENTER>Centered Text</CENTER>Normal Text
Resulting Display:
Normal Text
Centered Text
Normal Text

DIV Section

Source Code:
Normal Text <DIV>DIV Section</DIV> Normal Text
Resulting Display:
Normal Text
DIV Section
Normal Text
Source Code:
Normal Text <DIV ALIGN="right"> DIV Section </DIV> Normal Text
Resulting Display:
Normal Text
DIV Section
Normal Text

H1 THROUGH H6

Source Code:
Normal Text <H1>H1 Header</H1> Normal Text
Resulting Display:
Normal Text

H1 Header

Normal Text
Source Code:
Normal Text <H2>H2 Header</H2> Normal Text
Resulting Display:
Normal Text

H2 Header

Normal Text
Source Code:
Normal Text <H3>H3 Header</H3> Normal Text
Resulting Display:
Normal Text

H3 Header

Normal Text
Source Code:
Normal Text <H4>H4 Header</H4> Normal Text
Resulting Display:
Normal Text

H4 Header

Normal Text
Source Code:
Normal Text <H5>H5 Header</H5> Normal Text
Resulting Display:
Normal Text
H5 Header
Normal Text
Source Code:
Normal Text <H6>H6 Header</H6> Normal Text
Resulting Display:
Normal Text
H6 Header
Normal Text

HORIZONTAL RULE

Source Code:
<HR ALIGN="left" SIZE="1" WIDTH="50%"> <HR ALIGN="center" SIZE="3" WIDTH="50%" NOSHADE> <HR ALIGN="right" SIZE="5" WIDTH="50%">
Resulting Display:




NO BREAK

Source Code:
Normal Text <NOBR>Here is a piece of text where there under no circumstances should be inserted line breaks. If the text would normally have been wrapped, to keep it within the width of the window, it should just continue beyond the right margin of the window, requiring the reader to use the bottom scrollbar in the window/frame in order to read it to the end.</NOBR> Normal Text
Resulting Display:
Normal Text Here is a piece of text where there under no circumstances should be inserted line breaks. If the text would normally have been wrapped, to keep it within the width of the window, it should just continue beyond the right margin of the window, requiring the reader to use the bottom scrollbar in the window/frame in order to read it to the end. Normal Text

PARAGRAPH

Source Code:
Normal Text <P>Paragraph Text</P> Normal Text
Resulting Display:
Normal Text

Paragraph Text

Normal Text

PREFORMATTED

Source Code:
Normal Text <PRE>Preformated Text</PRE> Normal Text
Resulting Display:
Normal Text
Preformated Text
Normal Text
Source Code:
Normal Text <PRE> The PRE tag displays preformatted text in a fixed-width font. The PRE element displays all white space and line breaks exactly as they appear inside the &lt;PRE> and &lt;/PRE> tags. Unlike the &lt;XMP> and &lt;PLAINTEXT> tags, the &lt;PRE> tag does not suppress interpretation of other HTML tags. Which is why &lt; has been replaced by &amp;lt; a number of places in the source code above in order to avoid interpretation of the tags. </PRE> Normal Text
Resulting Display:
Normal Text
  The PRE tag displays preformatted text in a fixed-width font.

  The PRE element displays all white       space and
                   line
                   breaks
    exactly as they appear inside the <PRE> and </PRE> tags.

Unlike the <XMP> and <PLAINTEXT> tags, the <PRE> tag does not
suppress interpretation of other HTML tags.
Which is why < has been replaced by &lt; in the source code
a number of places above in order to avoid interpretation of the tags.
Normal Text

WORD BREAK

Source Code:
Normal Text <NOBR>Here is a piece of text where there under no circumstances should be inserted line breaks. <WBR>On the other hand, you can mark parts of the text where you can accept line breaks.</WBR> If the text would normally have been wrapped, to keep it within the width of the window, it should just continue beyond the right margin of the window, requiring the reader to use the bottom scrollbar in the window/frame in order to read it to the end.</NOBR> Normal Text
Resulting Display:
Normal Text Here is a piece of text where there under no circumstances should be inserted line breaks. On the other hand, you can mark parts of the text where you can accept line breaks. If the text would normally have been wrapped, to keep it within the width of the window, it should just continue beyond the right margin of the window, requiring the reader to use the bottom scrollbar in the window/frame in order to read it to the end. Normal Text
NOTE:
<WBR> is handled differently in the browsers tested by the author:
Internet Explorer 6.0:
Wraps the text where the <WBR> tag is found
Netscape 7.1:
Does not support <WBR>
Netscape 4.7:
Does not wrap the text untill it exceeds the width of the longest line in the document, or a </WBR> tag is found
Without having checked it, the author expects that <WBR> is depreciated, and not part the HTML Specification anymore. Use <BR> instead, where you want line breaks to occur.

EXAMPLE

Source Code:
Normal Text <XMP>Example Text</XMP> Normal Text
Resulting Display:
Normal Text Example Text Normal Text
Source Code:
Normal Text
<XMP>
  The XMP tag displays preformatted text in a fixed-width font.

  The XMP element displays all white       space and
                   line
                   breaks
    exactly as they appear inside the XMP tags.

Unlike the <PRE> tag, the <XMP> tag does
suppress interpretation of other HTML tags.
Thus it has not been necessary to replace < with &lt; to avoid
interpretation of the tags in the source code for this text.
</XMP>
Normal Text
Resulting Display:
Normal Text The XMP tag displays preformatted text in a fixed-width font. The XMP element displays all white space and line breaks exactly as they appear inside the XMP tags. Unlike the <PRE> tag, the <XMP> tag does suppress interpretation of other HTML tags. Thus it has not been necessary to replace < with &lt; to avoid interpretation of the tags in the source code for this text. Normal Text
NOTE:
<XMP> is handled slightly differently in the browsers tested by the author:
Netscape 7.1:
If a NEWLINE follows right after the <XMP> tag in the source code (possibly with only white space between the <XMP> tag and the NEWLINE character(s)) this line break will litteraly be added to the extra line space inserted between the text coming before the <XMP> tag and the text following the opening <XMP> tag.

In Netscape 7.1 the <XMP>...</XMP> tags appear to have the bizarre side effect that closing HTML tags (starting with "</") is converted into lower case!? Very strange indeed.
Internet Explorer 6.0 and Netscape 4.7:
Does not insert this line break. I.e. the example text is not regarded as starting before the line following the <XMP> tag, if the <XMP> tag is immediately followed by a NEWLINE (possibly with white space between the <XMP> tag and the NEWLINE character(s))

Lists


DIR

Source Code:
Normal Text <DIR> <LI>Top Level, 1st Item <DIR> <LI>Sub Level, 1st Item <LI>Sub Level, 2nd Item </DIR> <LI>Top Level, 2nd Item <DIR> <LI>Another Sub Level, 1st Item <LI>Another Sub Level, 2nd Item </DIR> </DIR> Normal Text
Resulting Display:
Normal Text
  • Top Level, 1st Item
  • Sub Level, 1st Item
  • Sub Level, 2nd Item
  • Top Level, 2nd Item
  • Another Sub Level, 1st Item
  • Another Sub Level, 2nd Item
  • Normal Text

    DEFINITION LIST

    Source Code:
    Normal Text <DL> <DT>1st Definition Term</DT><DD>First Definition Description</DD> <DT>2nd Definition Term</DT><DD>Second Definition Description</DD> <DT>3rd Definition Term</DT><DD>Third Definition Description</DD> </DL> Normal Text
    Resulting Display:
    Normal Text
    1st Definition Term
    First Definition Description
    2nd Definition Term
    Second Definition Description
    3rd Definition Term
    Third Definition Description
    Normal Text
    Source Code:
    Normal Text <DL COMPACT> <DT>#1</DT><DD>First Definition Description</DD> <DT>#2</DT><DD>Second Definition Description</DD> <DT>#3</DT><DD>Third Definition Description</DD> </DL> Normal Text
    Resulting Display:
    Normal Text
    #1
    First Definition Description
    #2
    Second Definition Description
    #3
    Third Definition Description
    Normal Text
    NOTE:
    <DL COMPACT> is not supported in Netscape 7.1!

    ORDERED LIST

    Source Code:
    Normal Text <OL> <LI>First Ordered List Item</LI> <LI>Second Ordered List Item <OL> <LI>First Ordered Sub List Item</LI> <LI>Second Ordered Sub List Item</LI> </OL> </LI> <LI>Third Ordered List Item</LI> </OL> Normal Text
    Resulting Display:
    Normal Text
    1. First Ordered List Item
    2. Second Ordered List Item
      1. First Ordered Sub List Item
      2. Second Ordered Sub List Item
    3. Third Ordered List Item
    Normal Text

    UNORDERED LIST

    Source Code:
    Normal Text <UL> <LI>First Unordered List Item</LI> <LI>Second Unordered List Item <UL> <LI>First Unordered Sub List Item <UL> <LI>First Unordered Sub Sub List Item <UL> <LI>First Unordered Sub Sub Sub List Item</LI> </UL> </LI> </UL> </LI> <LI>Second Unordered Sub List Item</LI> </UL> </LI> <LI>Third Unordered List Item</LI> </UL> Normal Text
    Resulting Display:
    Normal Text Normal Text

    Text Characteristics


    BASEFONT

    Source Code:
    Normal Basefont Size (=3)<br> Normal <FONT SIZE="+4">Font Size +4</FONT> <FONT SIZE="+3">Font Size +3</FONT> <FONT SIZE="+2">Font Size +2</FONT> <FONT SIZE="+1">Font Size +1</FONT> <FONT SIZE="+0">Font Size +0</FONT> <FONT SIZE="-1">Font Size -1</FONT> <FONT SIZE="-2">Font Size -2</FONT> Normal<br> <BASEFONT SIZE="7"> Largest Basefont Size (=7)<br> Normal <FONT SIZE="+0">Font Size +0</FONT> <FONT SIZE="-1">Font Size -1</FONT> <FONT SIZE="-2">Font Size -2</FONT> <FONT SIZE="-3">Font Size -3</FONT> <FONT SIZE="-4">Font Size -4</FONT> <FONT SIZE="-5">Font Size -5</FONT> <FONT SIZE="-6">Font Size -6</FONT> Normal<br> </BASEFONT> <BASEFONT SIZE="1"> Smallest Basefont Size (=1)<br> Normal <FONT SIZE="+6">Font Size +6</FONT> <FONT SIZE="+5">Font Size +5</FONT> <FONT SIZE="+4">Font Size +4</FONT> <FONT SIZE="+3">Font Size +3</FONT> <FONT SIZE="+2">Font Size +2</FONT> <FONT SIZE="+1">Font Size +1</FONT> <FONT SIZE="+0">Font Size +0</FONT> Normal<br> </BASEFONT> Normal
    Resulting Display:
    Normal Basefont Size (=3)
    Normal Font Size +4 Font Size +3 Font Size +2 Font Size +1 Font Size +0 Font Size -1 Font Size -2 Normal
    Largest Basefont Size (=7)
    Normal Font Size +0 Font Size -1 Font Size -2 Font Size -3 Font Size -4 Font Size -5 Font Size -6 Normal
    Smallest Basefont Size (=1)
    Normal Font Size +6 Font Size +5 Font Size +4 Font Size +3 Font Size +2 Font Size +1 Font Size +0 Normal
    Normal
    NOTE:
    <BASEFONT> is not supported in Netscape 7.1!

    BIG

    Source Code:
    Normal<BIG>Big</BIG>Normal
    Resulting Display:
    NormalBigNormal
    Source Code:
    Normal<BIG>Big<BIG>Bigger</BIG></BIG>Normal
    Resulting Display:
    NormalBigBiggerNormal

    BLINK

    Source Code:
    Normal<BLINK>Blink</BLINK>Normal
    Resulting Display:
    NormalBlinkNormal
    NOTE:
    <BLINK> is not supported in Internet Explorer 6.0!

    BOLD

    Source Code:
    Normal<B>Bold</B>Normal
    Resulting Display:
    NormalBoldNormal

    CITE

    Source Code:
    Normal<CITE>Citation</CITE>Normal
    Resulting Display:
    NormalCitationNormal

    CODE

    Source Code:
    Normal<CODE>Code</CODE>Normal
    Resulting Display:
    NormalCodeNormal

    EMPHASIS

    Source Code:
    Normal<EM>Emphasis</EM>Normal
    Resulting Display:
    NormalEmphasisNormal

    FONT POINT-SIZE

    Source Code:
    Normal<BR> <FONT POINT-SIZE="72">Font Point Size 72</FONT><BR> <FONT POINT-SIZE="48">Font Point Size 48</FONT><BR> <FONT POINT-SIZE="36">Font Point Size 36</FONT><BR> <FONT POINT-SIZE="28">Font Point Size 28</FONT><BR> <FONT POINT-SIZE="26">Font Point Size 26</FONT><BR> <FONT POINT-SIZE="24">Font Point Size 24</FONT><BR> <FONT POINT-SIZE="22">Font Point Size 22</FONT><BR> <FONT POINT-SIZE="20">Font Point Size 20</FONT><BR> <FONT POINT-SIZE="18">Font Point Size 18</FONT><BR> <FONT POINT-SIZE="16">Font Point Size 16</FONT><BR> <FONT POINT-SIZE="14">Font Point Size 14</FONT><BR> <FONT POINT-SIZE="12">Font Point Size 12</FONT><BR> <FONT POINT-SIZE="11">Font Point Size 11</FONT><BR> <FONT POINT-SIZE="10">Font Point Size 10</FONT><BR> <FONT POINT-SIZE="9">Font Point Size 9</FONT><BR> <FONT POINT-SIZE="8">Font Point Size 8</FONT><BR> <FONT POINT-SIZE="7">Font Point Size 7</FONT><BR> <FONT POINT-SIZE="6">Font Point Size 6</FONT><BR> <FONT POINT-SIZE="5">Font Point Size 5</FONT><BR> <FONT POINT-SIZE="4">Font Point Size 4</FONT><BR> <FONT POINT-SIZE="3">Font Point Size 3</FONT><BR> <FONT POINT-SIZE="2">Font Point Size 2</FONT><BR> <FONT POINT-SIZE="1">Font Point Size 1</FONT><BR> <FONT POINT-SIZE="0">Font Point Size 0</FONT><BR> Normal<BR>
    Resulting Display:
    Normal
    Font Point Size 72
    Font Point Size 48
    Font Point Size 36
    Font Point Size 28
    Font Point Size 26
    Font Point Size 24
    Font Point Size 22
    Font Point Size 20
    Font Point Size 18
    Font Point Size 16
    Font Point Size 14
    Font Point Size 12
    Font Point Size 11
    Font Point Size 10
    Font Point Size 9
    Font Point Size 8
    Font Point Size 7
    Font Point Size 6
    Font Point Size 5
    Font Point Size 4
    Font Point Size 3
    Font Point Size 2
    Font Point Size 1
    Font Point Size 0
    Normal
    NOTE:
    <FONT POINT-SIZE> is not supported in Internet Explorer 6.0!

    FONT SIZE

    Source Code:
    Normal<BR> <FONT SIZE="+4">Font Size +4</FONT><BR> <FONT SIZE="+3">Font Size +3</FONT><BR> <FONT SIZE="+2">Font Size +2</FONT><BR> <FONT SIZE="+1">Font Size +1</FONT><BR> <FONT SIZE="-1">Font Size -1</FONT><BR> <FONT SIZE="-2">Font Size -2</FONT><BR> Normal<BR>
    Resulting Display:
    Normal
    Font Size +4
    Font Size +3
    Font Size +2
    Font Size +1
    Font Size -1
    Font Size -2
    Normal

    Source Code:
    Normal<BR> <FONT SIZE="7">Font Size 7</FONT><BR> <FONT SIZE="6">Font Size 6</FONT><BR> <FONT SIZE="5">Font Size 5</FONT><BR> <FONT SIZE="4">Font Size 4</FONT><BR> <FONT SIZE="3">Font Size 3</FONT><BR> <FONT SIZE="2">Font Size 2</FONT><BR> <FONT SIZE="1">Font Size 1</FONT><BR> Normal<BR>
    Resulting Display:
    Normal
    Font Size 7
    Font Size 6
    Font Size 5
    Font Size 4
    Font Size 3
    Font Size 2
    Font Size 1
    Normal

    ITALIC

    Source Code:
    Normal<I>Italic</I>Normal
    Resulting Display:
    NormalItalicNormal

    KEYBOARD

    Source Code:
    Normal<KBD>Keyboard</KBD>Normal
    Resulting Display:
    NormalKeyboardNormal

    SMALL

    Source Code:
    Normal<SMALL>Small</SMALL>Normal
    Resulting Display:
    NormalSmallNormal
    Source Code:
    Normal<SMALL>Small<SMALL>Smaller</SMALL></SMALL>Normal
    Resulting Display:
    NormalSmallSmallerNormal

    STRIKE

    Source Code:
    Normal<S>Strike</S>Normal
    Resulting Display:
    NormalStrikeNormal
    Source Code:
    Normal<STRIKE>Strike</STRIKE>Normal
    Resulting Display:
    NormalStrikeNormal

    STRONG

    Source Code:
    Normal<STRONG>Strong</STRONG>Normal
    Resulting Display:
    NormalStrongNormal

    SUBSCRIPT

    Source Code:
    Normal<SUB>Subscript</SUB>Normal
    Resulting Display:
    NormalSubscriptNormal

    SUPERSCRIPT

    Source Code:
    Normal<SUP>Superscript</SUP>Normal
    Resulting Display:
    NormalSuperscriptNormal

    TYPEWRITER

    Source Code:
    Normal<TT>Typewriter</TT>Normal
    Resulting Display:
    NormalTypewriterNormal

    UNDERLINE

    Source Code:
    Normal<U>Underline</U>Normal
    Resulting Display:
    NormalUnderlineNormal

    VARIABLE

    Source Code:
    Normal<VAR>Variable</VAR>Normal
    Resulting Display:
    NormalVariableNormal

    Links


    Anchors

    Source Code:
    Normal <A HREF="dontclickthis.html">A (not visited - until you click it, so don't) link</A> <A HREF="plain.html">A (visited) link</A> Normal
    Resulting Display:
    Normal A (not visited - until you click it, so don't) link A (visited) link Normal

    Created on ... 2004-08-24