This is a visual reference for various HTML elements. Add new HTML elements you learned to this page.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Paragraph

List Item 1
List Item 2
List Item 3

List Item 1
List Item 2
List Item 3

Input fields:

Reset form:

Table:

Table header1	Table header2	Table header3
table cell	table cell	table cell
table cell	table cell	table cell
table cell	table cell	table cell

Image:

HTML Linking Tags:

Basic Link- <a href="url">link text</a>

Google Link

Linkg to a Fragment -

<a href="#fragment">link</a> Fragments first need to be defined somewhere in a webpage by giving them a name, for <a name="fragment_name">, then links to this fragment are created by using the hash (#) character: <a href="#fragment_name">Link</a>. To link to a fragment on another page you would simply append the fragment name to the address, for example: href="example.html#fragment_name".

Target Window - <a href="url" target="???">link</a>

By setting the target="_BLANK" the page you link to will load up in a new window (or new tab in some newer browsers). Similary, "_self", "_parent", or "_top" will open the link in the current window, the parent window (used with frames) or the top level window, respectively.

Email Link - <a href="mailto:email"></a>

A special kind of link, the mailto notation link instructs the browser to compose and email to the specified address using the default email program. It but does not actually send any emails automatically. You can also set a subject for the email by using <a href="mailto:htmlguide@drgrog.com?Subject=Linking">email me</a>. You may notice that I have used this type of link over on the contact me page.

Check Box: Radio Buttons:

Fieldset First name:

Last name:

Select Menu Select

iframe: display a web page within a web page.