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) |
| <B> |
bold |
<B>Example</B> |
Example |
| <BIG> |
big (text) |
<BIG>Example</BIG> |
Example
(TIP) |
| <BODY> |
body of document |
<BODY>The content
of your page</BODY> |
Contents of your webpage
(TIP) |
| <BR> |
line break |
The contents of your
page<BR>The contents of your page |
The contents of your
page
The contents of your page |
| <CENTER> |
center |
<CENTER>This will
center your contents</CENTER> |
This will center your contents |
| <DD> |
definition description |
<DL>
<DT>Definition Term
<DD>Definition of the term
<DT>Definition Term
<DD>Definition of the term
</DL> |
-
Definition Term
-
Definition of the term
-
Definition Term
-
Definition of the term
|
| <DL> |
definition list |
<DL>
<DT>Definition Term
<DD>Definition of the term
<DT>Definition Term
<DD>Definition of the term
</DL> |
-
Definition Term
-
Definition of the term
-
Definition Term
-
Definition of the term
|
| <DT> |
definition term |
<DL>
<DT>Definition Term
<DD>Definition of the term
<DT>Definition Term
<DD>Definition of the term
</DL> |
-
Definition Term
-
Definition of the term
-
Definition Term
-
Definition of the term
|
| <EM> |
emphasis |
This is an
<EM>Example</EM> of using the emphasis
tag |
This is an Example of
using the emphasis tag |
<EMBED>
|
embed object |
<EMBED src="yourfile.mid"
width="100%" height="60" align="center"> |
|
<EMBED>
|
embed object |
<EMBED src="yourfile.mid"
hidden=true autostart=true> |
Music will begin playing when
your page is loaded and will only play one time. Nothing will display on
your page. |
| <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> |
Example
(TIP) |
| <FORM> |
form |
<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> |
|
| <H1> |
heading 1 |
<H1>Heading 1
Example</H1> |
Heading 1 Example
|
| <H2> |
heading 2 |
<H2>Heading 2
Example</H2> |
Heading 2 Example
|
| <H3> |
heading 3 |
<H3>Heading 3
Example</H3> |
Heading 3 Example
|
| <H4> |
heading 4 |
<H4>Heading 4
Example</H4> |
Heading 4 Example
|
| <H5> |
heading 5 |
<H5>Heading 5
Example</H5> |
Heading 5 Example
|
| <H6> |
heading 6 |
<H6>Heading 6
Example</H6> |
Heading 6 Example
|
| <HEAD> |
heading of document |
<HEAD>Contains elements
describing the document</HEAD> |
Nothing will show |
| <HR> |
horizontal rule |
<HR> |
Contents of your webpage
(TIP)
Contents of your webpage |
| <HR> |
horizontal rule |
<HR WIDTH="50%"
SIZE="3"> |
Contents of your
webpage
Contents of your webpage |
| <HR> |
horizontal rule |
<HR WIDTH="50%" SIZE="3"
NOSHADE> |
Contents of your
webpage
Contents of your webpage |
<HR>
(Internet
Explorer) |
horizontal rule |
<HR WIDTH="75%"
COLOR="#FF0000"
SIZE="4"> |
Contents of your
webpage
Contents of your webpage |
<HR>
(Internet
Explorer) |
horizontal rule |
<HR WIDTH="25%"
COLOR="#6699FF"
SIZE="6"> |
Contents of your
webpage
Contents of your webpage |
| <HTML> |
hypertext markup language |
<HTML><HEAD><META><TITLE>Title
of your webpage</TITLE></HEAD><BODY>Webpage
contents</BODY></HTML> |
Contents of your webpage |
| <I> |
italic |
<I>Example</I> |
Example |
| <IMG> |
image |
<IMG SRC="Earth.gif"
WIDTH="41" HEIGHT="41" BORDER="0" ALT="a sentence about your
site"> |
(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> |
|
<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> |
|
| <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> |
|
| <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> |
|
| <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> |
|
| <INPUT> |
input field |
Example 6:
<FORM METHOD=post
ACTION="/cgi-bin/example.cgi">
Select an option:<BR>
<INPUT type="radio" name="option1"> Option 1
<INPUT type="radio" name="option2" CHECKED> Option 2
<INPUT type="radio" name="option3"> Option 3
<BR>
<BR>
Select an option:<BR>
<INPUT type="checkbox" name="selection1"> Selection 1
<INPUT type="checkbox" name="selection2" CHECKED> Selection
2
<INPUT type="checkbox" name="selection3"> Selection 3
<INPUT type="Submit" VALUE="Submit">
</FORM> |
|
Web
Development
