Site hosted by Angelfire.com: Build your free website today!
HTML SOS


Home - LoL Pub - Sweet Stuff - HTML SOS - Candy - Art - Me

-FONTS-
Type: <FONT FACE="name of font"> </FONT>
example: <FONT FACE="comic sans ms">Blah blah blah blah blah.</FONT>

Size: <FONT SIZE=size> </FONT>
example: <FONT SIZE=4>Blah blah blah blah blah.</FONT>

Color: <FONT COLOR="color"> </FONT>
example: <FONT COLOR="#ff8000">Blah blah blah blah blah.</FONT> (go here for color codes)

Style: Bold: <B> </B> Italic: <I> </I> Underlined: <U> </U>
examples: <B>Boldface</B> <I>Italicize</I> <U>Underscore</U>


-SKIPPING LINES-
Next line: <BR>

Skip a line: <P>


-HORIZONTAL LINES-
Line: <HR NOSHADE>

3D line: <HR>


-IMAGES-
Image: <IMG SRC="imagepath">
example: <IMG SRC="https://www.angelfire.com/ri/SableCorner/images/feather.gif">

Border: <IMG SRC="imagepath" BORDER="#">
example: <IMG SRC="https://www.angelfire.com/ri/SableCorner/images/blueswirball.gif" BORDER="4">

Alternate text: <IMG SRC="imagepath" ALT="whatever you want to say">
example: <IMG SRC="images/blinkstar.gif" ALT="When you wish upon a star...">
When you wish upon a star...
(rest your mouse over the blinking star to see the dialouge; this is for if someone has their graphics turned off or something)


-CENTERING-
Centering: <CENTER>

-BACKGROUNDS-
Background: <BODY BACKGROUND="backgroundpath">

-LINKS-
Website link: <A HREF="http://siteurl"> </A>
example: <A HREF="https://www.angelfire.com/ri/SableCorner/index2.html">Sable's Corner</A>

Email link: <A HREF="mailto:emailaddress"> </A>
example: <A HREF="mailto:sablechan@care2.com">Email Sable-chan</A>


-MARQUEES-
Marquee: <MARQUEE SCROLLAMOUNT="speedofletters"> </MARQUEE>
example: <MARQUEE SCROLLAMOUNT="6">Blah blah blah blah blah.</MARQUEE>

Marquee w/ background: <MARQUEE SCROLLAMOUNT="speedofletters" BGCOLOR="backgroundcolor"> </MARQUEE>
example: <MARQUEE SCROLLAMOUNT="6" BGCOLOR="#8A2BE2">Blah blah blah blah blah.</MARQUEE>


-TABLES-
Table: coming soon!!

-ROLLOVER LINKS-
Rollover links:
<STYLE TYPE="text/css">
<!--A:link { text decoration: none; color:"#color" }
A:visited { text decoration: none; color:"#color" }
A:hover { text decoration: rollover; color:"#color" }-->
</STYLE>
example:
<STYLE TYPE="text/css">
<!--A:link { text decoration: none; color:"#adff2f" }
A:visited { text decoration: none; color:"#00bfff" }
A:hover { text decoration: rollover; color:"#ff4500" }-->
</STYLE>
(they appear like the links on my pages...place after BODY tag)

-ROLLOVER IMAGES-
Rollover image:
(place before <HEAD></HEAD> tags:)
<SCRIPT LANGUAGE="JavaScript">

var n3 = false;

image1 = new Image();
image1.src = "originalimageurl";
image1on = new Image();
image1on.src = "rolloverimageurl"

function on3(name)
{
document[name].src = eval(name + "on.src");
}

function off3(name)
{
document[name].src = eval(name + ".src");
}

n3 = true;
function on(name)
{
if (n3)
on3(name);
}

function off(name)
{
if (n3)
off3(name);
}
</SCRIPT>

(place after <BODY> tag:)
<IMG SRC="imageurl" ONMOUSEOVER="on('image1');" ONMOUSEOUT="off('image1')" BORDER="0" NAME="image1">
example:
<SCRIPT LANGUAGE="JavaScript">

var n3 = false;

image1 = new Image();
image1.src = "/ri/SableCorner/mywork/sabcellnail2.jpg";
image1on = new Image();
image1on.src = "/ri/SableCorner/mywork/sabcellnail.jpg"

(...etc...)

</SCRIPT>

<IMG SRC="/ri/SableCorner/mywork/sabcellnail2.jpg" ONMOUSEOVER="on('image1');" ONMOUSEOUT="off('image1')" BORDER="0" NAME="image1">

Rollover image w/ link: same as above with the exception of this code:
 <A HREF="urltolink" ONMOUSEOVER="on('image1');" ONMOUSEOUT="off('image1')"><IMG SRC="imageurl" BORDER="0" NAME="image1"></A>