Tag Name Code Example Browser View
<!-- comment <!--This can be viewed in the HTML part of a document--> Nothing will show (Tip)
<A - anchor <A HREF="http://www.yourdomain.com/">Visit Our Site</A> Visit Our Site (Tip)
<FONT> font <FONT FACE="Times New Roman">Example</FONT> Example (Tip)
<FONT> font <FONT FACE="Times New Roman" SIZE="4">Example</FONT> Example (Tip)
<FONT> font <FONT FACE="Times New Roman" SIZE="+3" COLOR="#FF0000">Example</FONT> (Tip)
<FORM>
FORM MAILER
<FORM action="mailto:you@yourdomain.com">
Name: <INPUT name="Name" value="" size="10"><BR>
Email: <INPUT name="Email" value="" size="10"><BR>
<CENTER><INPUT type="submit"></CENTER>
</FORM> Name:
(Tip)
Email:
<H1>
<H2>
<H3>
<H4>
<H5>
<H6> heading 1
heading 2
heading 3
heading 4
heading 5
heading 6 <H1>Heading 1 Example</H1>
<H2>Heading 2 Example</H2>
<H3>Heading 3 Example</H3>
<H4>Heading 4 Example</H4>
<H5>Heading 5 Example</H5>
<H6>Heading 6 Example</H6>
Contents of your web page
<HR> horizontal rule <HR WIDTH="50%" SIZE="3"> Contents of your web page
Contents of your web page
<HR> horizontal rule <HR WIDTH="50%" SIZE="3" NOSHADE> Contents of your web page
Contents of your web page
<HR>
(Internet
Explorer) horizontal rule <HR WIDTH="75%" COLOR="#FF0000" SIZE="4"> Contents of your web page
Contents of your web page
<HR>
(Internet
Explorer) horizontal rule <HR WIDTH="25%" COLOR="#6699FF" SIZE="6"> Contents of your web page
Contents of your web page
<HTML> hypertext markup language <HTML><HEAD><META><TITLE>Title of your web page</TITLE></HEAD><BODY>HTML web page contents</BODY></HTML> Contents of your web page
<I> italic <I>Example</I> Example
<IMG> image <IMG SRC="Earth.gif" WIDTH="41" HEIGHT="41" BORDER="0" ALT="text describing the image"> 
(Tip)
<INPUT> input field Example 1:
<FORM METHOD=post ACTION="/cgi-bin/example.cgi">
<INPUT type="text" size="10" maxlength="30">
<INPUT type="Submit" VALUE="Submit">
</FORM> Example 1: (Tip)
<INPUT>
(Internet Explorer) input field Example 2:
<FORM METHOD=post ACTION="/cgi-bin/example.cgi">
<INPUT type="text" STYLE="color: #FFFFFF; font-family: Verdana; font-weight: bold; font-size: 12px; background-color: #72A4D2;" size="10" maxlength="30">
<INPUT type="Submit" VALUE="Submit">
</FORM> Example 2: (Tip)
<INPUT> input field Example 3:
<FORM METHOD=post ACTION="/cgi-bin/example.cgi">
<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="2"><TR><TD BGCOLOR="#8463FF"><INPUT type="text" size="10" MAXLENGTH="30"></TD><TD BGCOLOR="#8463FF" VALIGN="Middle"> <INPUT type="image" name="submit" src="yourimage.gif"></TD></TR> </TABLE>
</FORM> Example 3: (Tip)
<INPUT> input field Example 4:
<FORM METHOD=post ACTION="/cgi-bin/example.cgi">
Enter Your Comments:<BR>
<TEXTAREA wrap="virtual" name="Comments" rows=3 cols=20 MAXLENGTH=100></TEXTAREA><BR>
<INPUT type="Submit" VALUE="Submit">
<INPUT type="Reset" VALUE="Clear">
</FORM> Example 4: (Tip)
<INPUT> input field Example 5:
<FORM METHOD=post ACTION="/cgi-bin/example.cgi">
<CENTER>
Select an option:
<SELECT>
<OPTION >option 1
<OPTION SELECTED>option 2
<OPTION>option 3
<OPTION>option 4
<OPTION>option 5
<OPTION>option 6
</SELECT><BR>
<INPUT type="Submit" VALUE="Submit"></CENTER>
</FORM>
Example 5: (Tip)
Select an option:
<INPUT> input field Example 6:
<FORM METHOD=post ACTION="/cgi-bin/example.cgi">
Select an option:<BR>
<INPUT type="radio" name="option"> Option 1
<INPUT type="radio" name="option" CHECKED> Option 2
<INPUT type="radio" name="option"> Option 3
<BR>
<BR>
Select an option:<BR>
<INPUT type="checkbox" name="selection"> Selection 1
<INPUT type="checkbox" name="selection" CHECKED> Selection 2
<INPUT type="checkbox" name="selection"> Selection 3
<INPUT type="Submit" VALUE="Submit">
</FORM> Example 6: (Tip)
Select an option:
Option 1
Option 2
Option 3
Select an option:
Selection 1
Selection 2
Selection 3
· <LI> list item Example 1:
<MENU>
<LI type="disc">List item 1
<LI type="circle">List item 2
<LI type="square">List item 3
</MENU>
Example 2:
<OL type="i">
<LI>List item 1
<LI>List item 2
<LI>List item 3
<LI>List item 4
</OL> Example 1: (Tip)
List item 1
· List item 2
· List item 3
Example 2:
i. List item 1
ii. List item 2
iii. List item 3
List item 4
<LINK> link <head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<MARQUEE>
(Internet
Explorer) scrolling text <MARQUEE bgcolor="#CCCCCC" loop="-1" scrollamount="2" width="100%">Example Marquee</MARQUEE> Example Marquee (Tip)
· <MENU> menu <MENU>
<LI type="disc">List item 1
<LI type="circle">List item 2
<LI type="square">List item 3
</MENU> List item 1
· List item 2
List item 3
<META> meta <META name="Description" content="Description of your site">
<META name="keywords" content="keywords describing your site"> Nothing will show (Tip)
<META> meta <META HTTP-EQUIV="Refresh" CONTENT="4;URL=http://www.yourdomain.com/"> Nothing will show (Tip)
<META> meta <META http-equiv="Pragma" content="no-cache"> Nothing will show (Tip)
<META> meta <META name="rating" content="General"> Nothing will show (Tip)
<META> meta <META name="ROBOTS" content="ALL"> Nothing will show (Tip)
<META> meta <META NAME="ROBOTS" content="NOINDEX,FOLLOW"> Nothing will show (Tip)
<OL> ordered list Numbered
<OL>
<LI>List item 1
<LI>List item 2
<LI>List item 3
<LI>List item 4
</OL>
Numbered Special Start
<OL start="5">
<LI>List item 1
<LI>List item 2
<LI>List item 3
<LI>List item 4
</OL>
Lowercase Letters
<OL type="a">
<LI>List item 1
<LI>List item 2
<LI>List item 3
<LI>List item 4
</OL>
Capital Letters
<OL type="A">
<LI>List item 1
<LI>List item 2
<LI>List item 3
<LI>List item 4
</OL>
Capital Letters Special Start
<OL type="A" start="3">
<LI>List item 1
<LI>List item 2
<LI>List item 3
<LI>List item 4
</OL>
Lowercase Roman Numerals
<OL type="i">
<LI>List item 1
<LI>List item 2
<LI>List item 3
<LI>List item 4
</OL>
Capital Roman Numerals
<OL type="I">
<LI>List item 1
<LI>List item 2
<LI>List item 3
<LI>List item 4
</OL>
Capital Roman Numerals Special Start
1. <OL type="I" start="7">
<LI>List item 1
<LI>List item 2
<LI>List item 3
<LI>List item 4
</OL> Numbered
List item 1
2. List item 2
3. List item 3
4. List item 4
Numbered Special Start
5. List item 1
6. List item 2
7. List item 3
8. List item 4
Lowercase Letters
a. List item 1
b. List item 2
c. List item 3
d. List item 4
Capital Letters
A. List item 1
B. List item 2
C. List item 3
D. List item 4
Capital Letters Special Start
C. List item 1
D. List item 2
E. List item 3
F. List item 4
Lowercase Roman Numerals
i. List item 1
ii. List item 2
iii. List item 3
iv. List item 4
Capital Roman Numerals
I. List item 1
II. List item 2
III. List item 3
IV. List item 4
Capital Roman Numerals Special Start
VII. List item 1
VIII. List item 2
IX. List item 3
List item 4
<OPTION> listbox option <FORM METHOD=post ACTION="/cgi-bin/example.cgi">
<CENTER>
Select an option:
<SELECT>
<OPTION>option 1
<OPTION SELECTED>option 2
<OPTION>option 3
<OPTION>option 4
<OPTION>option 5
<OPTION>option 6
</SELECT><BR>
</CENTER>
</FORM>
Select an option: (Tip)
<P> paragraph This is an example displaying the use of the paragraph tag. <P> This will create a line break and a space between lines.
Attributes:
Example 1:<BR>
<BR>
<P align="left">
This is an example<BR>
displaying the use<BR>
of the paragraph tag.<BR>
<BR>
Example 2:<BR>
<BR>
<P align="right">
This is an example<BR>
displaying the use<BR>
of the paragraph tag.<BR>
<BR>
Example 3:<BR>
<BR>
<P align="center">
This is an example<BR>
displaying the use<BR>
of the paragraph tag.
This is an example displaying the use of the paragraph tag.
This will create a line break and a space between lines.
Attributes:
Example 1:
This is an example
displaying the use
of the paragraph tag.
Example 2:
This is an example
displaying the use
of the paragraph tag.
Example 3:
This is an example
displaying the use
of the paragraph tag.
<SMALL> small (text) <SMALL>Example</SMALL> Example (Tip)
<STRIKE> deleted text <STRIKE>Example</STRIKE> Example
<STRONG> strong emphasis <STRONG>Example</STRONG> Example
<TABLE> table Example 1:
<TABLE BORDER="4" CELLPADDING="2" CELLSPACING="2" WIDTH="100%">
<TR>
<TD>Column 1</TD>
<TD>Column 2</TD>
</TR>
</TABLE>
Example 2: (Internet Explorer)
<TABLE BORDER="2" BORDERCOLOR="#336699" CELLPADDING="2" CELLSPACING="2" WIDTH="100%">
<TR>
<TD>Column 1</TD>
<TD>Column 2</TD>
</TR>
</TABLE>
Example 3:
<TABLE CELLPADDING="2" CELLSPACING="2" WIDTH="100%">
<TR>
<TD BGCOLOR="#CCCCCC">Column 1</TD>
<TD BGCOLOR="#CCCCCC">Column 2</TD>
</TR>
<TR>
<TD>Row 2</TD>
<TD>Row 2</TD>
</TR>
</TABLE> Example 1: (Tip)
Example 2: (Tip)
Example 3: (Tip)
|
Column 1
|
Column 2
|
|
Row 2
|
Row 2
|
<TD> table data <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="2" WIDTH="100%">
<TR>
<TD>Column 1</TD>
<TD>Column 2</TD>
</TR>
</TABLE>
<TH> table header <DIV align="center"><TABLE>
<TR>
<TH>Column 1</TH>
<TH>Column 2</TH>
<TH>Column 3</TH>
</TR>
<TR>
<TD>Row 2</TD>
<TD>Row 2</TD>
<TD>Row 2</TD>
</TR>
<TR>
<TD>Row 3</TD>
<TD>Row 3</TD>
<TD>Row 3</TD>
</TR>
<TR>
<TD>Row 4</TD>
<TD>Row 4</TD>
<TD>Row 4</TD>
</TR>
</TABLE>
</DIV>
|
Column 1
|
Column 2
|
Column 3
|
|
Row 2
|
Row 2
|
Row 2
|
|
Row 3
|
Row 3
|
Row 3
|
|
Row 4
|
Row 4
|
Row 4
|
<TITLE> document title <TITLE>Title of your HTML page</TITLE> Title of your web page will be viewable in the title bar. (Tip)
<TR> table row <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="2" WIDTH="100%">
<TR>
<TD>Column 1</TD>
<TD>Column 2</TD>
</TR>
</TABLE>
<TT> teletype <TT>Example</TT> Example
<U> underline <U>Example</U> Example
· <UL> unordered list Example 1:<BR>
<BR>
<UL>
<LI>List item 1
<LI>List item 2
</UL>
<BR>
Example 2:<BR>
<UL type="disc">
<LI>List item 1
<LI>List item 2
<UL type="circle">
<LI>List item 3
<LI>List item 4
</UL>
</UL> Example 1:
List item 1
· List item 2
Example 2:
· List item 1
· List item 2
o List item 3
o List item 4