Tag Name Code Example Browser View
<!--This can be viewed in the HTML part of
<!-- comment Nothing will show (Tip)
a document-->
<A HREF="http://
<A - anchor Visit Our Site (Tip)
www.yourdomain.com/">Visit Our Site</A>
<B> bold <B>Example</B> Example
<BIG> big (text) <BIG>Example</BIG> Example (Tip)
body of
HTML <BODY>The content of Contents of your web
<BODY>
documen your HTML page</BODY> page (Tip)
t
The contents of your web
The contents of your page<BR>The page
<BR> line break
contents of your page The contents of your web
page
<CENTER>This will center your This will center your
<CENTER> center
contents</CENTER> contents
<DL> Definition Term
<DT>Definition Term Definition of the
definition
<DD>Definition of the term term
<DD> descripti
<DT>Definition Term Definition Term
on
<DD>Definition of the term Definition of the
</DL> term
<DL> Definition Term
<DT>Definition Term Definition of the
definition <DD>Definition of the term term
<DL>
list <DT>Definition Term Definition Term
<DD>Definition of the term Definition of the
</DL> term
<DL> Definition Term
<DT>Definition Term Definition of the
definition <DD>Definition of the term term
<DT>
term <DT>Definition Term Definition Term
<DD>Definition of the term Definition of the
</DL> term
This is an <EM>Example</EM> of using This is an Example of using
<EM> emphasis
the emphasis tag the emphasis tag
embed <EMBED src="yourfile.mid" width="100%"
<EMBED>
object height="60" align="center"> (Tip)
<EMBED src="yourfile.mid"
Music will begin playing
autostart="true" hidden="false"
embed when your page is loaded
<EMBED> loop="false">
object and will only play one time.
<noembed><bgsound src="yourfile.mid"
A control panel will be
loop="1"></noembed>
displayed to enable your
visitors to stop the music.
<FONT FACE="Times New
<FONT> font Example (Tip)
Roman">Example</FONT>
<FONT FACE="Times New Roman"
<FONT> font
SIZE="4">Example</FONT> Example (Tip)
<FONT FACE="Times New Roman"
<FONT> font SIZE="+3"
COLOR="#FF0000">Example</FONT>
Example (Tip)
<FORM action="mailto:[email protected]
om">
Name: <INPUT name="Name" value=""
Name: (Tip)
size="10"><BR>
<FORM> form Email: <INPUT name="Email" value="" Email:
size="10"><BR>
Envoyer
<CENTER><INPUT
type="submit"></CENTER>
</FORM>
<H1> heading 1 <H1>Heading 1 Example</H1>
<H2> heading 2 <H2>Heading 2 Example</H2>
<H3> heading 3 <H3>Heading 3 Example</H3>
<H4> heading 4 <H4>Heading 4 Example</H4>
<H5> heading 5 <H5>Heading 5 Example</H5>
<H6> heading 6 <H6>Heading 6 Example</H6>
heading
of HTML <HEAD>Contains elements describing the
<HEAD> Nothing will show
documen document</HEAD>
t
Contents of your web
horizonta page (Tip)
<HR> <HR>
l rule
Contents of your web page
Contents of your web page
horizonta
<HR> <HR WIDTH="50%" SIZE="3">
l rule
Contents of your web page
Contents of your web page
horizonta
<HR> <HR WIDTH="50%" SIZE="3" NOSHADE>
l rule
Contents of your web page
<HR> Contents of your web page
horizonta <HR WIDTH="75%" COLOR="#FF0000"
(Internet
l rule SIZE="4">
Explorer) Contents of your web page
<HR> Contents of your web page
horizonta <HR WIDTH="25%"
(Internet
l rule COLOR="#6699FF" SIZE="6">
Explorer) Contents of your web page
<HTML><HEAD><META><TITLE>Title of
hypertext
your web
<HTML> markup Contents of your web page
page</TITLE></HEAD><BODY>HTML
language
web pagecontents</BODY></HTML>
<I> italic <I>Example</I> Example
<IMG SRC="Earth.gif" WIDTH="41"
<IMG> image HEIGHT="41" BORDER="0" ALT="text
describing the image"> (Tip)
<INPUT> input Example 1: Example 1: (Tip)
field
<FORM METHOD=post ACTION="/cgi-
bin/example.cgi">
<INPUT type="text" size="10"
maxlength="30"> Submit
<INPUT type="Submit" VALUE="Submit">
</FORM>
Example 2:
<FORM METHOD=post ACTION="/cgi-
bin/example.cgi">
Example 2: (Tip)
<INPUT> <INPUT type="text" STYLE="color:
input
(Internet #FFFFFF; font-family: Verdana; font-
field Submit
Explorer) weight: bold; font-size: 12px; background-
color: #72A4D2;" size="10"
maxlength="30">
<INPUT type="Submit" VALUE="Submit">
</FORM>
Example 3:
<FORM METHOD=post ACTION="/cgi-
bin/example.cgi">
<TABLE BORDER="0" CELLSPACING="0"
CELLPADDING="2"><TR><TD Example 3: (Tip)
input BGCOLOR="#8463FF"><INPUT
<INPUT>
field 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 4:
Example 4: (Tip)
<FORM METHOD=post ACTION="/cgi-
bin/example.cgi">
Enter Your Comments:<BR>
input
<INPUT> <TEXTAREA wrap="virtual"
field
name="Comments" rows=3 cols=20
MAXLENGTH=100></TEXTAREA><BR>
<INPUT type="Submit" VALUE="Submit"> Submit Clear
<INPUT type="Reset" VALUE="Clear">
</FORM>
Example 5:
<FORM METHOD=post ACTION="/cgi-
bin/example.cgi">
<CENTER>
Select an option: Example 5: (Tip)
<SELECT>
<OPTION >option 1 Select an
input
<INPUT> <OPTION SELECTED>option 2 option 2
field option:
<OPTION>option 3
<OPTION>option 4 Submit
<OPTION>option 5
<OPTION>option 6
</SELECT><BR>
<INPUT type="Submit"
VALUE="Submit"></CENTER>
</FORM>
Example 6:
<FORM METHOD=post ACTION="/cgi- Example 6: (Tip)
bin/example.cgi">
Select an option:<BR> Select an option:
<INPUT type="radio" name="option">
Option 1 Option 1
<INPUT type="radio" name="option"
CHECKED> Option 2 Option 2
<INPUT type="radio" name="option">
Option 3
input Option 3
<INPUT>
field <BR>
Select an option:
<BR>
Select an option:<BR> Selection 1
<INPUT type="checkbox"
name="selection"> Selection 1 Selection 2
<INPUT type="checkbox" name="selection"
CHECKED> Selection 2 Selection 3
<INPUT type="checkbox" Submit
name="selection"> Selection 3
<INPUT type="Submit" VALUE="Submit">
</FORM>
Example 1: (Tip)
Example 1:
<MENU> List item 1
<LI type="disc">List item 1
<LI type="circle">List item 2 o List item 2
<LI type="square">List item 3
</MENU> List item 3
<LI> list item
Example 2:
Example 2:
<OL type="i">
<LI>List item 1
i. List item 1
<LI>List item 2
ii. List item 2
<LI>List item 3
iii. List item 3
<LI>List item 4
iv. List item 4
</OL>
Visit our <A
<LINK> link HREF="http://www.yourdomain.com/">s Visit our site
ite</A>
<MARQUE <MARQUEE bgcolor="#CCCCCC" loop="-
E> scrolling 1" scrollamount="2"
(Internet text width="100%">Example
Explorer) Marquee</MARQUEE>
(Tip)shritt
Film avec une phrase
List item 1
<MENU>
<LI type="disc">List item 1 o List item 2
<MENU> menu <LI type="circle">List item 2
<LI type="square">List item 3
</MENU> List item 3
<META> meta <META name="Description" Nothing will show (Tip)
content="Description of your site">
<META name="keywords"
content="keywords describing your site">
<META HTTP-EQUIV="Refresh"
<META> meta CONTENT="4;URL=http://www.yourdomain Nothing will show (Tip)
.com/">
<META http-equiv="Pragma" content="no-
<META> meta Nothing will show (Tip)
cache">
<META> meta <META name="rating" content="General"> Nothing will show (Tip)
<META> meta <META name="ROBOTS" content="ALL"> Nothing will show (Tip)
<META NAME="ROBOTS"
<META> meta Nothing will show (Tip)
content="NOINDEX,FOLLOW">
<OL> ordered Numbered Numbered
list
<OL> 1. List item 1
<LI>List item 1 2. List item 2
<LI>List item 2 3. List item 3
<LI>List item 3 4. List item 4
<LI>List item 4
</OL>
Numbered Special Start
Numbered Special Start
5. List item 1
<OL start="5"> 6. List item 2
<LI>List item 1 7. List item 3
<LI>List item 2 8. List item 4
<LI>List item 3
<LI>List item 4 Lowercase Letters
</OL>
a. List item 1
Lowercase Letters b. List item 2
c. List item 3
<OL type="a"> d. List item 4
<LI>List item 1
<LI>List item 2 Capital Letters
<LI>List item 3
<LI>List item 4
A. List item 1
</OL>
B. List item 2
C. List item 3
Capital Letters
D. List item 4
<OL type="A">
Capital Letters Special
<LI>List item 1
Start
<LI>List item 2
<LI>List item 3
<LI>List item 4 C. List item 1
</OL> D. List item 2
E. List item 3
Capital Letters Special Start F. List item 4
<OL type="A" start="3"> Lowercase Roman
<LI>List item 1 Numerals
<LI>List item 2
<LI>List item 3 i. List item 1
<LI>List item 4 ii. List item 2
</OL> iii. List item 3
iv. List item 4
Lowercase Roman Numerals
Capital Roman Numerals
<OL type="i">
<LI>List item 1 I. List item 1
<LI>List item 2 II. List item 2
<LI>List item 3 III. List item 3
<LI>List item 4 IV. List item 4
</OL>
Capital Roman Numerals
Capital Roman Numerals Special Start
<OL type="I"> VII. List item 1
<LI>List item 1 VIII. List item 2
<LI>List item 2 IX. List item 3
<LI>List item 3 X. List item 4
<LI>List item 4
</OL>
Capital Roman Numerals Special Start
<OL type="I" start="7">
<LI>List item 1
<LI>List item 2
<LI>List item 3
<LI>List item 4
</OL>
<FORM METHOD=post ACTION="/cgi-
bin/example.cgi">
<CENTER>
Select an option:
<SELECT>
<OPTION>option 1
listbox <OPTION SELECTED>option 2 Select an option: (Tip)
<OPTION> option 2
option <OPTION>option 3
<OPTION>option 4
<OPTION>option 5
<OPTION>option 6
</SELECT><BR>
</CENTER>
</FORM>
<P> paragrap This is an example displaying the use of This is an example
h the paragraph tag. <P> This will create a displaying the use of the
line break and a space between lines. paragraph tag.
Attributes: This will create a line break
and a space between
Example 1:<BR> lines.
<BR>
<P align="left"> Attributes:
This is an example<BR>
displaying the use<BR> Example 1:
of the paragraph tag.<BR>
<BR> This is an example
Example 2:<BR> displaying the use
<BR> of the paragraph tag.
<P align="right">
This is an example<BR> Example 2:
displaying the use<BR>
of the paragraph tag.<BR> This is an example
<BR> displaying the use
Example 3:<BR> of the paragraph tag.
<BR>
<P align="center"> Example 3:
This is an example<BR>
displaying the use<BR> This is an example
of the paragraph tag. displaying the use
of the paragraph tag.
small
<SMALL> <SMALL>Example</SMALL> Example (Tip)
(text)
deleted
<STRIKE> <STRIKE>Example</STRIKE> Example
text
strong
<STRONG> <STRONG>Example</STRONG> Example
emphasis
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)
Example 1: (Tip)
<TABLE BORDER="2"
BORDERCOLOR="#336699" Column 1 Column 2
CELLPADDING="2" CELLSPACING="2"
WIDTH="100%"> Example 2: (Tip)
<TR>
<TD>Column 1</TD>
<TABLE> table Column 1 Column 2
<TD>Column 2</TD>
</TR>
</TABLE> Example 3: (Tip)
Example 3: Column 1 Column 2
Row 2 Row 2
<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>
<TD> table data <TABLE BORDER="2" CELLPADDING="2"
CELLSPACING="2" WIDTH="100%"> Column 1 Column 2
<TR>
<TD>Column 1</TD>
<TD>Column 2</TD>
</TR>
</TABLE>
<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> Column Column Column
</TR> 1 2 3
table Row 2 Row 2 Row 2
<TH> <TR>
header
<TD>Row 3</TD> Row 3 Row 3 Row 3
<TD>Row 3</TD> Row 4 Row 4 Row 4
<TD>Row 3</TD>
</TR>
<TR>
<TD>Row 4</TD>
<TD>Row 4</TD>
<TD>Row 4</TD>
</TR>
</TABLE>
</DIV>
Title of your web page will
documen
<TITLE> <TITLE>Title of your HTML page</TITLE> be viewable in the title
t title
bar. (Tip)
<TABLE BORDER="2" CELLPADDING="2"
CELLSPACING="2" WIDTH="100%">
<TR>
<TR> table row <TD>Column 1</TD> Column 1 Column 2
<TD>Column 2</TD>
</TR>
</TABLE>
<TT> teletype <TT>Example</TT> Example
<U> underline <U>Example</U> Example
Example 1:<BR>
<BR> Example 1:
<UL>
<LI>List item 1 List item 1
<LI>List item 2 List item 2
</UL>
<BR>
unordere Example 2:<BR> Example 2:
<UL>
d list <UL type="disc">
<LI>List item 1
<LI>List item 2 List item 1
<UL type="circle"> List item 2
<LI>List item 3 o List item 3
<LI>List item 4 o List item 4
</UL>
</UL>
