HH's House Of
HTMLHeavenly Haven's
House Of HTML
A Beginner's Guide To HTML
For
EMAIL sigs and
WebSites.
What is HTML? Well...HTML stands
for
Hyper Text Markup
Language
The description reads:
The authoring language used to
create documents on the World Wide
Web.
Basically, it's the code(s) used
to
create the graphics, sounds, etc. that you see and
hear when you look at a webpage or WebTV email (if
the person has added
HTML codes to their sig box).
This site
is for all my fellow "new" WebTVers that want to
learn how to add HTML codes
to their email AND in the future to their
websites.
Because folks, you'll soon find out that
once you get started, you can't stop
LOL!
SO...Let's get
started!
Lesson
One
Signature
Box
And
HTML
tags
Your
signature box is located in your email settings.
This is where you will place your codes.
The
first thing you need to remember is your HTML tags. You only need ONE set
of HTML tags in your sig
box. <html> should be
the very first thing in your sig box and </html> should be the last.
ALL of your codes go BETWEEN these
tags.
Lesson
Two
Background And Text
Color
Here is the code to change the background
color and text color:
<body bgcolor="your color choice" text="your color
choice"></body>
If you
have a webpage with links, here is the code to change
the link colors:
<body bgcolor="your color choice"
text="your color choice" link="your color choice"
vlink="your color
choice" alink="your color
choice"></body>
Lesson
Three
Patterned
Background
Here is the code to add a background with a
pattern:
<body background="URL of background"
text="your color
choice"></body>
*The writing area on your email is black.
To see what you are writing if using dark text, do
this:
<body background="URL of
background"
bgcolor="white" text="your color
choice"></body>
Lesson
Four
Images
Here are the codes to add an image.
Unless indicated, the image will align to the
left.
To add an image:
<img src="URL of
image">
To align
an image to the right:
<img src="URL of image"
align="right">
To
center align an image:
<center><img src="URL of
image"></center>
You
can also resize the image, by adding the height
and/or width. If you do not know the dimensions of
the image, just add a height and/or width. It will
adjust itself without distorting the
image.
Here is a sample code with a height
adjustment:
<img src="URL of image"
height="150" width="150">
You
can also put a border around an image. The higher
the number, the larger the border, and
vice-versa.
Here is a sample code with a
border:
<img src="URL of image"
border="15">
Lesson
Five
Sound
Here are the codes to add music to
your email.
To have it
start automatically and play through
once:
Internet Explorer Sound
Code:
<bgsound src="URL of
music">
Netscape Sound Code:
<embed
src="URL of music"
autostart="true">
To
have it
start automatically and play
continuously:
Internet Explorer Sound
Code:
<bgsound src="URL of music"
loop="infinite">
Netscape Sound
Code:
<embed src="URL of music"
autostart="true" loop="true">
To
put
in a clickable speaker:
<embed src="URL of
music">
Lesson
Six
Fonts
Font Styles:
<b> </b>
BOLD
<i> </i>
ITALIC
<tt> </tt> TYPEWRITER
TEXT
<u> </u>
UNDERLINE
<s> </s> STRIKE
THROUGH
<strong>
</strong> STRONG
<blackface>
</blackface> *WebTV
Only BLACKFACE
<sub>
</sub> SUB-SCRIPT
<sup> </sup>
SUPER-SCRIPT
Font
Sizes:
-2 to
+7
Font
Effects:
*WebTV
Only
Emboss
Relief
Shadow
Here is a sample code using
a few of the font options. However, they can be
used seperately:
<font size="+5"
color="red"
effect="emboss"><i>YOUR
TEXT</i></font>
Lesson
Seven
Clickable
Links
To
add text as a clickable link:
<a href="URL of
link">YOUR
MESSAGE</a>
To
add an
image as a clickable link:
<a href="URL of
link"><img
src="URL of image"></a>
To add an image as a clickable sound
link:
<a href="URL of music"><img src="URL of
image"></a>
To
add text
as a clickable sound link:
<a href="URL of
music">YOUR
MESSAGE</a>
Lesson
Eight
Spacing
This is the code for a
paragraph
break:
<p>
This
is the code to align text to the
right:
<p align="right"> and
</p>
This is the
code
for a line break:
<br>
For Color Charts, Test Pads and
links to much more, check out:
WebTV..HTML..Gifs..Midis And More
Well, that's it folks.
The basics
to get you started. Time to go practice AND Have
fun!
Page
Dedication
This page is dedicated to Dr.
Draac!
Many Thanks from a fellow WebTVer, for
your site, your expertise, and all your hard work!
Back
Copyright 1999 Justinalee.Com™