![]() |
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 |
<A HREF=" some .htm"> Click here to go there </A> | ||
This is an E-mail
link |
<A HREF="mailto: username @aol.com"> Click To Send E-mail </A> | ||
This is
an E-mail link with subject line |
<A HREF="mailto: username @aol.com?subject=my subject Line"> Click To Send E-mail </A> | ||
This a link to a music
file |
<A HREF=" a .mid"> Click here for My Tune </A> | ||
This a link to a Download
file |
<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 |
<IMG BORDER="1" WIDTH=" nnn " HEIGHT=" nnn " SRC=" your .gif"> | ||
These are 4 Images |
<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, |
<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 |
<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"> | ||
<A HREF=" some .htm"><IMG BORDER="0" WIDTH=" nnn " HEIGHT=" nnn " SRC=" your .gif"></A> | |||
<A HREF="mailto: username @aol.com"><IMG BORDER="0" WIDTH=" nnn " HEIGHT=" nnn " SRC=" your .gif"></A> | |||
<A HREF=" a .mid"><IMG BORDER="0" WIDTH=" nnn " HEIGHT=" nnn " SRC=" your .gif"></A> | |||
<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 |
<P
ALIGN=Center> text <IMG BORDER="0" WIDTH=" nnn" HEIGHT=" nnn" SRC=" your .gif"> |
||
This is right |
<P
ALIGN=Right> text <IMG BORDER="0" WIDTH=" nnn" HEIGHT=" nnn" SRC=" your .gif"> |
||
![]() with an Image using ALIGN="left" |
<IMG ALIGN="left" SRC=" your .gif "> text | ||
![]()
This is text |
<IMG ALIGN="Left" SRC=" your .gif "> <"P Align="Right"> text | ||
![]() with an Image using ALIGN="Right" |
<IMG ALIGN="Right" SRC=" your .gif "> text | ||
![]()
This is text |
<IMG ALIGN="Right" SRC=" your .gif "> <"P Align=Right"> text | ||
![]() with an Image using ALIGN="Top" |
<IMG ALIGN="Top" SRC=" your .gif "> text | ||
![]() with an Image using ALIGN="Middle" |
<IMG ALIGN="Middle" SRC=" your .gif "> 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> | ||
<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
text |
<BLINK> text </BLINK> | ||
|
<marquee width="nnn" loop="infinite"> text </marquee> | ||
|
<marquee border="
n
" loop="infinite" align="middle"
direction="right" scrollamount="1" width="
nnn
" height="
nnn
"> <center> text <center></marquee> |
||
|
<B><MARQUEE
bgcolor="
color
" WIDTH="
nnn
" HEIGHT="
nnn
" LOOP="infinite"> <FONT Size=" n " Face=" arial " COLOR=" color "> text </FONT> </MARQUEE></B> |
||
AOL/MSIE |
<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, |
<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 |
<HR width=60% size="12"> | ||
This is the "Mythical" Vertical
Rule |
<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 |