Cheats image COMMONLY USED
HTML ELEMENTS AND THEIR
CORRESPONDING CODES

Each Example below is shown as it will look.
The corresponding HTML code is shown to the right.
Just highlight the code you need then copy and
paste the code to your page.

Edit the underlined items to reflect your
file names, usernames, text or size requirements...etc.
Simple easy and checked for mistakes.

EXAMPLES

THE CORRESPONDING HTML CODE TAGS

This is a Link
Click here to go there

<A HREF=" some .htm"> Click here to go there </A>

This is an E-mail link
Click To Send E-mail

<A HREF="mailto: username @aol.com"> Click To Send E-mail </A>

This is an E-mail link with subject line 
Click To Send E-mail
(note &nbsp; between words)

<A HREF="mailto: username @aol.com?subject=my&nbsp;subject&nbsp;Line"> Click To Send E-mail </A>

This a link to a music file
Click here for My Tune

<A HREF=" a .mid"> Click here for My Tune </A>

This a link to a Download file
Click here for My Download

<A HREF=" your-file .zip"> Click here To Download My File </A>

This is an Image

<IMG BORDER="0" WIDTH=" nnn " HEIGHT=" nnn " SRC=" your .gif">

This is an Image
with a border

<IMG BORDER="1" WIDTH=" nnn " HEIGHT=" nnn " SRC=" your .gif">

These are 4 Images
side by side

<IMG BORDER="0" WIDTH=" nnn " HEIGHT=" nnn SRC=" your .gif">
<IMG BORDER="0" WIDTH=" nnn " HEIGHT=" nnn SRC=" your .gif">
<IMG BORDER="0" WIDTH=" nnn " HEIGHT=" nnn SRC=" your .gif">
<IMG BORDER="0" WIDTH=" nnn " HEIGHT=" nnn SRC=" your .gif">

These are 4 Images,
stacked




<IMG BORDER="0" WIDTH=" nnn " HEIGHT=" nnn SRC=" your .gif"><BR>
<IMG BORDER="0" WIDTH=" nnn " HEIGHT=" nnn SRC=" your .gif"><BR>
<IMG BORDER="0" WIDTH=" nnn " HEIGHT=" nnn SRC=" your .gif"><BR>
<IMG BORDER="0" WIDTH=" nnn " HEIGHT=" nnn SRC=" your .gif">

This is an animated

GIF image

<IMG BORDER="0" WIDTH=" nnn " HEIGHT=" nnn " SRC=" your-animated .gif">

This is another version

for use with a white page

<IMG BORDER="0" WIDTH="nnn " HEIGHT=" nnn " SRC=" your-animated .gif">

This is a Body Tag

<BODY BGCOLOR="#hexcode" TEXT="#ffffff" LINK="#hexcode" ALINK="#hexcode" VLINK="#hexcode">

This is the code for a Back Ground  Image

<BODY BGCOLOR="#hexcode" BACKGROUND="your.jpg TEXT="#hexcode" LINK="#hexcode" ALINK="#hexcode" VLINK="#hexcode">

This is a Linked Image

<A HREF=" some .htm"><IMG BORDER="0" WIDTH=" nnn " HEIGHT=" nnn " SRC=" your .gif"></A>

This is an Image Linked to E-mail

<A HREF="mailto: username @aol.com"><IMG BORDER="0" WIDTH=" nnn " HEIGHT=" nnn " SRC=" your .gif"></A>

This is an Image Linked to Music

<A HREF=" a .mid"><IMG BORDER="0" WIDTH=" nnn " HEIGHT=" nnn " SRC=" your .gif"></A>

This is an Image Linked
to a Download File

<A HREF=" your file .zip"><IMG BORDER="0" WIDTH=" nnn " HEIGHT=" nnn " SRC=" your .gif"></A>
This is Default
aligned text or
Image

text
<IMG BORDER="0" WIDTH=" nnn" HEIGHT=" nnn" SRC=" your .gif">

This is centered text or
Image

<P ALIGN=Center>
text
<IMG BORDER="0" WIDTH=" nnn" HEIGHT=" nnn" SRC=" your .gif">

This is right
aligned text or
Image

<P ALIGN=Right>
text
<IMG BORDER="0" WIDTH=" nnn" HEIGHT=" nnn" SRC=" your .gif">
This is Default text
with an
Image
using
ALIGN="left"
<IMG ALIGN="left" SRC=" your .gif "> text

This is text
Align="Right"
with an
Image
using
ALIGN="Left"

<IMG ALIGN="Left" SRC=" your .gif "> <"P Align="Right"> text
This is Default text
with an
Image
using
ALIGN="Right"
<IMG ALIGN="Right" SRC=" your .gif "> text

This is text
Align="Right"
with an Image
using ALIGN="Right"

<IMG ALIGN="Right" SRC=" your .gif "> <"P Align=Right"> text
This is Default text
with an Image using
ALIGN="Top"
<IMG ALIGN="Top" SRC=" your .gif "> text
This is Default text
with an Image using
ALIGN="Middle"
<IMG ALIGN="Middle" SRC=" your .gif "> text
This is Default text
with an Image using
ALIGN="Bottom"
<IMG ALIGN="Bottom" SRC=" your .gif "> text
This is bold text <B> text </B>
This is Italic text <I> text </I>
This is Underlined text <U> text </U>
This is bold  italic text <B><I> text </I></B>
This is bold italic underlined text <B><I><U> text </U></I></B>
This is Typewriter or "Fixed Pitch" <TT> text </TT>
THIS IS STRIKE THROUGH TEXT <STRIKE> text </STRIKE>

This is red text using Hex #'s

<FONT COLOR="#ff0000"> Red text </FONT>

This is Orange text using Hex #'s

<FONT COLOR="#ff8000"> Orange text </FONT>

This is Yellow text using Hex #'s

<FONT COLOR="#ffff00"> Yellow text </FONT>

This is Green text using Hex #'s

<FONT COLOR="#80ff80"> Green text </FONT>

This is Blue text using Hex #'s

<FONT COLOR="#0000ff"> Blue text </FONT>

This is Violet text using Hex #'s

<FONT COLOR="#9805c9"> Violet text </FONT>

This is Red text using Names

<FONT COLOR="red"> Red text </FONT>

This is Orange text using Names

<FONT COLOR="orange"> Orange text </FONT>

This is Yellow text using Names

<FONT COLOR="yellow"> Yellow text </FONT>

This is Green text using Names

<FONT COLOR="green"> Green text </FONT>

This is Blue text using Names

<FONT COLOR="blue"> Blue text </FONT>

This is Violet text using Names

<FONT COLOR="violet"> Violet text </FONT>
arial font Size=+2
arial font Size=+1
arial font Size=+0
arial font Size=-1
arial font Size=-1
<FONT SIZE= + n or -n FACE="arial"> text </FONT>
arial font
ARIAL FONT

arial font (bold)
ARIAL FONT
<FONT FACE="arial"> text </FONT>
<B><FONT FACE="arial"> text </FONT></B>
algerian font
ALGERIAN FONT

algerian font (bold)
ALGERIAN FONT
<FONT FACE="algerian"> text </FONT>
<B><FONT FACE="algerian"> text </FONT></B>
bookman font
BOOKMAN FONT


bookman font (bold)
BOOKMAN FONT
<FONT FACE="bookman"> text </FONT>
<B><FONT FACE="bookman"> text </FONT></B>
braggadocio font
BRAGGADOCIO FONT


braggadocio font (bold)
BRAGGADOCIO FONT
<FONT FACE="braggadocio"> text </FONT>
<B><FONT FACE="braggadocio"> text </FONT></B>
courier font
COURIER FONT


courier font(bold)
COURIER FONT
<FONT FACE="courier"> text </FONT>
<B><FONT FACE="courier"> text </FONT></B>
desdemona font
DESDEMONA FONT

desdemona font (bold)
DESDEMONA FONT
<FONT FACE="desdemona"> text </FONT>
<B><FONT FACE="desdemona"> text </FONT></B>
garamond font
GARAMOND FONT


garamond font (bold)
GARAMOND FONT
<FONT FACE="garamond"> text </FONT>
<B><FONT FACE="garamond"> text </FONT></B>
>modern font
MODERN FONT


modern font (bold)
MODERN FONT>
<FONT FACE="modern"> text </FONT>
<B><FONT FACE="modern"> text </FONT></B>
symbol font
SYMBOL FONT>


symbol font
SYMBOL FONT
(bold)
(Symbol Font)
<FONT FACE="symbol"> text </FONT>
<B><FONT FACE="symbol"> text </FONT></B>
wingdings font
WINGDINGS FONT


wingdingsfont
WINGDINGSFONT

(bold)
(Wingdings Font)
<FONT FACE="wingdings"> text </FONT>
<B><FONT FACE="wingdings"> text </FONT></B>

this is BLINKING text
(netscape only)

<BLINK> text </BLINK>

...This is a basic Marquee...

<marquee width="nnn" loop="infinite"> text </marquee>

This marquee runs the other way.

<marquee border=" n " loop="infinite" align="middle" direction="right" scrollamount="1" width=" nnn " height=" nnn ">
<center> text <center></marquee>

This is a ... Fancier Marquee ... Beware ... Not Supported by Netscape!!! ...

AOL/MSIE
only

<B><MARQUEE bgcolor=" color " WIDTH=" nnn " HEIGHT=" nnn " LOOP="infinite">
<FONT Size="
n " Face=" arial " COLOR=" color "> text </FONT>
</MARQUEE></B>
...Dumb Idea but...

AOL/MSIE
only

<B><MARQUEE bgcolor=" color " WIDTH=" nnn " HEIGHT=" nnn " LOOP="infinite" BEHAVIOR="alternate">
<FONT size=" n " Face=" arial " COLOR=" color "> text </FONT>
</MARQUEE></B>

This is a default horizontal rule


<HR>

This is a horizontal rule,
no shadow


<HR noshade>

This is a red horizontal rule


<HR color="#ff0000">

This is a orange horizontal rule


<HR color="#ff8000">

This is a yellow horizontal rule


<HR color="#ffff00">

This is a green horizontal rule


<HR color="#80ff80">

This is a blue horizontal rule


<HR color="#0000ff">

This is a violet horizontal rule


<HR color="#800080">

This is a horizontal rule at 50%


<HR width=50%>

This is a horizontal rule
at 60% and 12 pixels wide


<HR width=60% size="12">

This is the "Mythical" Vertical Rule
at 3 pixels length and 100 pixels width


Never let em tell you it can't be done..
<HR width=3 size="100">
Copyright © 1996 - 2000
Creative Edge Design
All rights reserved. Unauthorized duplication or use of Site Template, Graphics
and or Site Design in any form is Prohibited by Federal and International laws.

Creative Edge Design
Specializing in 3D Graphics Design, Commercial Web Site Development and Maintenance

[Go Back!]
[HOME]