Text Support

    This page will allow you to test a browser's/navigator's compliance with the various levels of HTML text markup tags.
    Well-designed Web client software will not "break" when it encounters an unknown tag, it will just ignore it.

    Basic Markup Tags

      These tags are the basis of any HTML page. They are all from the HTML 2.0 specification.

      This tag indicates that the document is in HTML format:  

	<HTML></HTML>      

The title is usually displayed in the border or frame of the client:

        <TITLE></TITLE>    

The header is where information about the document is placed:

        <HEAD></HEAD> 

The body contains all the other markup tags:

	<BODY></BODY>

    Text Formatting Tags

      There are two styles of tags that allow the web author some control over how a document is rendered, "physical" and "logical".
      Logical tags are closer to HTML's roots in SGML in that they only describe content.
      Physical tags, on the other hand, tell the browser/navigator how to render the tagged item. Debates rage over which is canon.

      In the HTML 2.0 specification, the debate has been muted by designating the physical tags as "typographical" and the logical tags as "idiomatic".

      Typographical Tags

      bold 
      	<B></B>
      italic 
      	<I></I>
      teletype 
      	<TT></TT>

      Multiple tags would be cumulatively interpreted. For example, the following would be bold and italic.

      The entire ISO-8859 character set should be supported as should other entities.

      Idiomatic Tags

      Citation 
      	<CITE></CITE>
      Code 
      	<CODE></CODE>
      Emphasis 
      	<EM></EM>
      Keyboard Input 
      	<KBD></KBD>
      Sample Output 
      	<SAMP></SAMP>
      Strong 
      	<STRONG></STRONG>
      Variable 
      	<VAR></VAR>

      All the tag examples on this page are <PRE> tagged. The preformat tag also supports a WIDTH attribute. The WIDTH attribute specifies the maximum number of characters for a line and allows the browser to select a suitable font and indentation for display of text within the tag. If your browser supports the WIDTH attribute of the PRE tag, the block of numbers headed by "width=25" may look different than the block of numbers headed by "no width specified".

      Width=25
         1111111111222222
1234567890123456789012345

      No width specified
         1111111111222222
1234567890123456789012345

    Headings

      Headings may be used to divide documents into sections. Headings are typically rendered in bold or italic text with levels distinguished by using progressively smaller fonts and/or alternating between bold and italic.

      Level 1 Heading

      Level 2 Heading

      Level 3 Heading

      Level 4 Heading

      Level 5 Heading
      Level 6 Heading

    Text Blocks

      Paragraphs

      The paragraph tag, <P>, separates blocks of text. In HTML 1.0, the tag was essentially used to add two line spaces between areas of text.
      Here is an example:
      This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph.

      This is another paragraph. This is another paragraph. This is another paragraph. This is another paragraph. This is another paragraph. This is another paragraph. This is another paragraph. This is another paragraph. This is another paragraph. This is another paragraph. This is another paragraph. This is another paragraph.

      Line Breaks

      The line break tag, <BR>, has the effect of a carriage return/line feed. Example:

      A line of text.
      Another line of text.

      Horizontal Rule

      The horizontal rule <HR> tag runs a line across the page.

      Block Quotes

      The <BLOCKQUOTE> tag is used for a quotation.

      This is a block quote. This is a block quote. This is a block quote. This is a block quote. This is a block quote. This is a block quote. This is a block quote. This is a block quote. This is a block quote. This is a block quote. This is a block quote. This is a block quote. This is a block quote. This is a block quote. This is a block quote. This is a block quote. This is a block quote.

    Lists

      Basic Lists

      HTML supports several types of lists. From HTML 2.0, we have Unordered Lists <UL>, Ordered Lists <OL>, the MENU and the DIRectory.
      These are rendered as follows:

      An Unordered List:

      • This is a list item (<LI>).
      • Each should have a bullet of some type.

      An Ordered List:

      1. This is a list item (<LI>).
      2. Each should have a number.

      These lists may also be nested.

      • A list item
      • A list item
        • A nested list item
        • A nested list item
      • A list item

      A MENU List:

    • This is a list item.
    • It is often used with a gopher menu.

      • A DIR List:

    • This is a list item.
    • It is often used with an ftp directory.

      • Glossaries

      Definition Lists are also supported. The Term (<DT>) is usually assigned to a virtual column on the left side of the window. The COMPACT attribute is also supported.

      Term
      This is the definition of the first term.
      Term
      This is the definition of the second term.
      Term
      This is the first definition in compact format.
      Term
      This is the second definition in compact format.
    WRG
    ©1997 The Web Resources Group