HTML Tags Examples

Headings

• <H1>Header 1<H1>

• Header 1

• <H2>Header 2</H2>

• Header 2

• <H3>Header 3</H3>

• Header 3

• <H4>Header 4</H4>

• Header 4

• <H5>Header 5</H5>

• Header 5

• <H6>Header 6</H6>

• Header 6

  ---

  Separators

  • Paragraph Break: <P>
  • Line Break: <BR>
  • Horizontal Rule: <HR>

  ---

  Lists

  Unnumbered

  	<UL>
  	<LI> apples
  	<LI> bananas
  	</UL>
  

  • apples
  • bananas

  Numbered

  	<OL>
  	<LI> oranges
  	<LI> peaches
  	<LI> grapes
  	</OL>
  

  1. oranges
  2. peaches
  3. grapes

  Descriptive

   
  	<DL>
  	<DT> THHGTGG
  	<DD> "The Hitchhiker's Guide to the Galaxy" was originally a BBC
  		radio series which ....
  	<DT> Netrek
  	<DD> Netrek is a networked multiuser game. It is not a simple
  		shoot-em-up game, but ....
  	</DL>
  

  THHGTGG

  "The Hitchhiker's Guide to the Galaxy" was originally a BBC radio series which ....

  Netrek

  Netrek is a networked multiuser game. It is not a simple shoot-em-up game, but ....

  ---

  Preformatted Text

  <PRE> 
      #####  ######  #    #   #####
        #    #        #  #      #
        #    #####     ##       #
        #    #         ##       #
        #    #        #  #      #
        #    ######  #    #     #
  </PRE>      
  

    #####  ######  #    #   #####
      #    #        #  #      #
      #    #####     ##       #
      #    #         ##       #
      #    #        #  #      #
      #    ######  #    #     #
  

  ---

  Block Quotes

  Here is a quote from P. Erdos:
  <BLOCKQUOTE>
  "A mathematician is a device for turning coffee into theorems."
  </BLOCKQUOTE>
  

  Here is a quote from P. Erdos:

  "A mathematician is a device for turning coffee into theorems."

  ---

  ADDRESS

  	<ADDRESS>
  	Maintained by lendl@cosy.sbg.ac.at
  	</ADDRESS>
  

  Maintained by lendl@cosy.sbg.ac.at

  ---

  Character Highlighting

  Logical (Preferred)

  • Emphasized: <EM>Emphasized</EM>
  • Citations: <CITE>Citations</CITE>
  • Variable name: <VAR>Variable name</VAR>
  • Stronger Emphasized: <STRONG>Stronger Emphasized</STRONG>
  • Source Code: <CODE>Source Code</CODE>
  • Samples: <SAMP>Samples</SAMP>
  • Keyboard Input: <KBD>Keyboard Input</KBD>
  • Definitions: <DFN>Definitions</DFN>

  Physical (Discouraged)

  • Italics: <I>Italics</I>
  • Boldface: <B>Boldface</B>
  • Typewriter: <TT>Typewriter</TT>

  ---

  Special Characters

  • < to generate a <
  • > to generate a >
  • & to generate a &
  • ß to generate a ß
  • Ä to generate a Ä

  ---

  FORMS

  ISINDEX

  Use NAME=isindex

  	<FORM METHOD=GET ACTION=http://hoohoo.ncsa.uiuc.edu/htbin/query>
  	<INPUT TEXT NAME=isindex>
  	</FORM>
  

  -- OR

  Begin the Form

  <FORM METHOD="POST" ACTION="http://hoohoo.ncsa.uiuc.edu/htbin-post/post-query">
  

  INPUT Tag

  • Text

    	<INPUT TYPE="text" NAME="input" VALUE="hello" SIZE=20 MAXLENGTH=30>
    	

  • Password

    	<INPUT TYPE="password" NAME="pass" VALUE="" SIZE=20 MAXLENGTH=30 >
    	

  • Checkbox

    	<INPUT TYPE="checkbox" NAME="check" VALUE="This">This
    
    	<INPUT TYPE="checkbox" NAME="check" VALUE="is">is
    
    	<INPUT TYPE="checkbox" NAME="check" VALUE="cool!">cool!
    	

    This is cool!

  • Radio
    

    	<INPUT TYPE="radio" NAME="station" VALUE="small">small
    
    	<INPUT TYPE="radio" NAME="station" VALUE="medium">medium
    
    	<INPUT TYPE="radio" NAME="station" VALUE="large">large
    	

    small medium large

  • Submit
    

    	<INPUT TYPE="submit" VALUE="Submit!">
    	

  • Reset

    	<INPUT TYPE="reset" VALUE="Reset Values">
    	

  SELECT Tag

  • Option Menu

    	<SELECT NAME="BKFUG">
    
    	<OPTION>Ames
    
    	<OPTION>Dryden
    
    	<OPTION>Goddard
    
    	<OPTION>Webmaster
    
    	<OPTION>EDVZ
    
    	<OPTION SELECTED>Binder
    
    	<OPTION>Postmaster
    
    	<OPTION>Langley
    
    	<OPTION>Lewis
    
    	<OPTION>Marshall
    
    	</SELECT>
    	

    Ames Dryden Goddard Webmaster EDVZ Binder Postmaster Langley Lewis Marshall

  • Scrolled List

    	<SELECT NAME="BKFUGs" SIZE=4 MULTIPLE>
    
    	<OPTION>Ames
    
    	<OPTION>Dryden
    
    	<OPTION>Goddard
    
    	<OPTION SELECTED>Webmaster
    
    	<OPTION>EDVZ
    
    	<OPTION SELECTED>Binder
    
    	<OPTION>Postmaster
    
    	<OPTION>Langley
    
    	<OPTION>Lewis
    
    	<OPTION>Marshall
    
    	</SELECT>
    	

    Ames Dryden Goddard Webmaster EDVZ Binder Postmaster Langley Lewis Marshall

  TEXTAREA Tag

  	<TEXTAREA NAME="para" ROWS=5 COLS=60>
  	This is default text.
  	</TEXTAREA>
  

  This is default text.

  ---

  Hidden Elements

  Use TYPE="hidden"

  	<TINPUT TYPE="hidden" NAME="hide me" VALUE=42>
  

  End the Form

  	</FORM>
  

  More info about current HTML-standards and HTML writing.

  Back to me!