HH's House Of HTML
Heavenly 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ô