University of Wisconsin-Milwaukee

Simple HTML Examples

Text Links

<A href="#TextLink">Link Name</a>

<p>

<A Name="TextLink">Link Name</a>

Link Name <-- And Moved Here

Headlines

<H1>Size H1</H1>

Size H1

<H2>Size H2</H2>

Size H2

<H3>Size H3</H3>

Size H3

<H4>Size H4</H4>

Size H4

<H5>Size H5</H5>

Size H5

<H6>Size H6</H6>

Size H6

Text Styles

<em>Emphasis </em>

<strong>Strong Emphasis </strong>

<b>Bold Text </b>

<i>Italic Text </i>

<u>Underline Text </u>

<tt>Typewriter Text </tt>

Lists

Definition List

<dl>

<dt>Item one

<dd>Def for item one

<dt>Item two

<dd>Def for item two

</dl>

Item one

Def for item one

Item two

Def for item two

Unordered List

<ul>

<li>First Item.

<li>Second Item.

<li>Third Item.

</ul>

• First Item.
• Second Item.
• Third Item.

Ordered List

<ol>

<li>First Item.

<li>Second Item.

<li>Third Item.

</ol>

1. First Item.
2. Second Item.
3. Third Item.

Interactive Menu

<menu>

<li>First Item.

<li>Second Item.

<li>Third Item.

</menu>

Directory List

<dir>

<li>First Item.

<li>Second Item.

<li>Third Item.

</dir>

Images

In-Line Images

<IMG ALT="[ UWM Home Page ]" SRC="/UWM/Images/button-home.gif"
width=62 height=37>

If you view the above item through "Netscape" or another graphical browser, you will get the graphic image; if you view it on a non graphic viewer like "lynx" you will see the text:

[ UWM Home Page ]

instead. It's always a good idea to use "alt=" so users browsing without images will know what they were supposed to see.

In-Line Images With/Hypertext Link

<a href="/">

<img alt="[ UWM Home Page ]" src="/UWM/Images/button-home.gif"
width=62 height=37 border=0></a>

Last update: July 5, 2000. --- URL: http://www.uwm.edu/info/example.html
Copyright 2000 by the University of Wisconsin-Milwaukee, all rights reserved.
If you have questions or comments about this page please send e-mail to: www@uwm.edu