HTML Tutorials
HTML Tags
In Use Examples and HTML Codes

Bookmark This Page | Click here for more Html Scripts

<FORM></FORM>

CODE
<FORM method="post" action="_URL_" onreset="alert('The form is reset')">
<TABLE>
<TR><TD>Name </TD><TD><INPUT type="text" name="name"></TD></TR>
<TR><TD>E-mail</TD><TD><INPUT type="text" name="email"></TD></TR>
<TR><TD colspan="2">Where are you from?
<SELECT name="findout">
<OPTION>Australia
<OPTION>USA
<OPTION>Japan
</SELECT></TD></TR>
<TR><TD colspan="2" align="center"><INPUT type="submit" value="Send values">
<INPUT type="reset" value="Reset form"></TD>
</TR>
</TABLE>
</FORM>

In Use Example

<H1></H1>

Code.
<H1 align="center">Level 1 header</H1>
<H2 align="left">Level 2 header</H2>
<H3 align="right">Level 3 header</H3>
<H4>Level 4 header</H4>
<H5>Level 5 header</H5>
<H6>Level 6 header</H6>

In Use Example

Level 1 header

Level 2 header

Level 3 header

Level 4 header

Level 5 header

Level 6 header

<HR>

Code.
<HR size="2">
<HR width="50%" align="left">
<HR color="#0000ff" noshade size="5">

In Use Example.

<i><i> Italic Text

Code:
Change all or part <i>of you text to Italic</i> This is so Easy.

In Use Example.
Change all or part of your text to Italic. This is so easy.

<IMG> Inserting an Image.

Code. <img src="http://www.hypergurl.com/images/horse.jpg" width="100" height="100" border="0" alt="Horse">

In Use Example

<LEGEND></LEGEND>

Code.
Place your order :<BR>
<FORM>
<TABLE>
<TR valign="top"><TD colspan="2">
<FIELDSET><LEGEND>Address information</LEGEND>
Name <INPUT type="text" name="name"><BR>
Address <INPUT type="text" name="address"><BR>
City <INPUT type="text" name="city"><BR>
Country <INPUT type="text" name="country">
</FIELDSET>
</TD>
<TD>
<FIELDSET><LEGEND>What do you want today?</LEGEND>
<INPUT type="checkbox" name="Pizza">Pizza<BR>
<INPUT type="checkbox" name="Hamburger">Hamburger<BR>
<INPUT type="checkbox" name="Sandwich">Sandwich<BR>
<INPUT type="checkbox" name="Hot dog">Hot dog
<P>
Amount <INPUT type="text" name="amount">
</FIELDSET>
</TD></TR>
</TABLE>
</FORM>

In Use Example.
Place your order :

<LI>
Code. Here's a simple list :
<MENU>
<LI type="circle">The first item in the list.
<LI type="square">The second item.
<LI type="disc">And the last item.
</MENU>
In Use Example.
Here's a simple list :

<MARQUEE></MARQUEE>
Code.
<div align="center"><FONT color="#ffffff" size="+1">
<MARQUEE bgcolor="#000080" direction="right" loop="20" width="75%">
<STRONG>This is cool!</STRONG></MARQUEE></FONT></DIV>

In Use Example.

This is cool!

<OPTION>
Code.

<FORM>
What beer would you like today Sir?:
<SELECT>
<OPTION selected value="Fosters" >Fosters
<OPTION value="XXXX">XXXX
<OPTION value="Red Dog">Red Dog
</SELECT>
</FORM>

In Use Example. 

<S></S>
Code.
This is the new craze where <s>you can strike out</s> text *smiles*
In Use Example.
This is the new craze where you can strike out text *smiles*

<SELECT>
Code.
<FORM>
What do you want on your pizza :
<SELECT>
<OPTION value="pepper">Extra peppers
<OPTION value="cheese" selected>Extra cheese
<OPTION value="pepper;cheese">Extra peppers & extra cheese
</SELECT>
</FORM>
In Use Example.

<STRONG></STRONG>
Code.
This tag gives <strong>your text </strong>a strong look.
In Use Example.
This tag gives your text a strong look.

<SPAN></SPAN>
Code.
<span style="background-color: #FFFF00"> we will highlight this text.</span>
In Use Example.
We will highlight this text.

<SUB>
Code.
The <SUB> element lets you specify elements as B<SUB>2</SUB>H<SUB>1</SUB>T<SUB>3</SUB>.
In Use Example. The <SUB> element lets you specify elements as B₂H₁T_3.

<SUP>
Code. This <SUP> tag lets you specify a trademark <SUP>(TM)</SUP> correctly.
In Use Example.
This tag lets you specify a trademark ^(TM) correctly.

<TABLE></TABLE>
Code
<TABLE border="5" width="50%" align="right" background="#FFFFFF">
<TR>
<TD><SPAN style="color: #000">Your Text Here.</SPAN></TD>
<TD><SPAN style="color: #000">Your Text Here.</SPAN></TD>
</TR>
</TABLE>
In Use Example.

<UL> 
Code.
Nested unordered lists with assigned types :
<UL type="square">
<LI>The first of the list.
<LI>The second of the list.
<UL type="disc">
<LI>The first of the nested list.
<LI>The second of the nested list.
</UL>
</UL>

In Use Example.
Nested unordered lists with assigned types :

• The first of the list.
• The second of the list.
  • The first of the nested list.
  • The second of the nested list.