Basic HTML Elements

This list provides the basic HyperText Markup Language (HTML) "tags" needed to create a usable World-Wide Web document.

Start Tag     End Tag
<HTML>       </HTML>	   Start and end of every document

<HEAD>       </HEAD>	   Start and end of header portion of document

<BODY>       </BODY>	   Start and end of body portion of document


Header Elements

<TITLE>     </TITLE>	   Title of document reflected in title bar


Body Elements

<H1>         </H1>	   Largest size of headline text

...	...

<H6>         </H6>	   Smallest size of headline text


Breaks

<P>		Paragraph break (one blank line after break)

<BR>		Line break (no extra lines after break)


Styles

<ADDRESS>     </ADDRESS>	Typically used for mailing
addresses

<BLOCKQUOTE>  </BLOCKQUOTE>	For quotes; larger margins

<CITE>          </CITE>	     Citation

<EM>          </EM>	     Emphasis; usually boldface

<PRE>         </PRE>	     Preformat; monospaced font

<STRONG>      </STRONG>	     Strong emphasis


<B>       </B>	Boldface

<I>       </I>	Italics

<U>       </U>	Underline

<TT>      </TT>	Typewriter font


<MENU>    </MENU>      Menu list

<OL>      </OL>        Ordered (numbered) list

<UL>      </UL>        Unordered list (bullets)

<LI>                   List item, precedes each paragraph


<HR>                   Horizontal rule


Anchors

<A HREF="URL">Text of HyperText Link</A>

<A NAME="name">Portion of text to be found</A>

	(to be referred to by syntax: <A HREF="URL#name">Text of HyperText
Link</A>


<IMG SRC="URL">	Inlined image; usually a GIF file

<!--	-->	Comments

Sample Structure

<HTML> <HEAD> <TITLE>Sample Structure</TITLE> </HEAD> <BODY> <H1>Sample Structure</H1> <H2>Subtitle Here</H2>  This sentence appears as plain text and will have a blank line following this paragraph. <P> You can have <B>Boldface</B>, <I>Italics</I>, or <U>Underlined</U> text. <P> <OL> Here is an ordered list of items: <LI> This is the first line. <LI> This is the second line. <LI> Notice the number automatically appears next to the item. </OL>  <HR>  Go to the <A HREF="http://www.hawaii.net">Hawai`i Home Page</A> <P> Click on the below small graphic to bring up a bigger graphic: <A HREF="/mydir/images/my.big.graphic.gif"> <IMG SRC="/mydir/images/my.small.graphic.gif"> </A> <P> If you have any questions, write to: <ADDRESS> Ward I. Takamiya<BR> University of Hawai`i<BR> Information Technology Services<BR> 2565 The Mall, Keller Hall<BR> Honolulu, HI 96822<BR> </ADDRESS> </BODY> </HTML>