The Enchanted Hollow

Hi! I have created this page to help everyone out with the frequently
asked questions that I receive. Most are about basic html so I will start with that.

Page 1
1. Creating a page and the basics.
2. Putting an image that is also a link.
3. Putting a text link and fonts on the page.
4. Putting music on a page.

Page 2
1. Putting frames around text and images.
2. Setting color or images as backgrounds within the frames around test and other images.
3. Saving an image to your Hard Drive.
4. Uploading an image or other file to your site directory.

Page 3
MIM or MIME files sent in email

Page 4
Site with Frames

Page 5
About {Nebula}

1. How do I create a page? Well every page will start out with the basic format below.
I am coloring certain areas to help explain them, but when you write your html it will all be in black and white:

<HTML>

<HEAD>

<TITLE>Place the title of you page here</TITLE>

</HEAD>

<BODY TEXT="#0000A0" BGCOLOR="#80FFFF" LINK="#0000A0" VLINK="#FFFF80" background="image.gif">



</BODY>

</HTML>

<TITLE>Place the title of you page here</TITLE>

The title you give your page will show at the top of the browser window and will also be the name used when someone bookmarks you page.

BODY TEXT="#0000A0"

This is where you set the color for the text on your webpage.

BGCOLOR="#80FFFF"

This is where you set the color for the background of your site. You should have a color even if you are using an image for the background. In the Netscape browsers the color you set here will be the color for your frames like the one surrounding this box.

LINK="#0000A0"

This is where you set the color for a link that has not yet been visited.

VLINK="#FFFF80"

This is where you set the color for a link that someone has clicked. This is helpful to have this color be something different so a person can tell if they have been to that page or not.

background="image.gif"

This is where you set what you want your background image to be. It can either be a jpg or a gif image.

To get different colors and background codes Click Here

2. How do I put an image on a page and how can I make the image linkable? First off, everything for your site now goes in the BODY of the page between the <BODY> and the </BODY>

Also, you will need to put the image in your site directory. I will explain how to do this later.

This is sample of what an image will look like on the page:

<HTML>

<HEAD>

<TITLE>Place the title of you page here</TITLE>

</HEAD>

<BODY TEXT="#0000A0" BGCOLOR="#80FFFF" LINK="#0000A0" VLINK="#FFFF80" background="image.gif">

<CENTER><A HREF="http://www.thesiteaddress.html" TARGET="_top"><IMG SRC="nebp11.gif" ALT="The name of the image goes here" WIDTH=113 HEIGHT=156 X-SAS-UseImageWidth X-SAS-UseImageHeight BORDER=0 ALIGN=bottom></A> </CENTER>

</BODY>

</HTML>

..... 

This is the opening and closing of a paragraph. You put all the information you want to go in that paragraph inbetween the opening and closing.

<CENTER>... </CENTER>

You use this when you want to center the object or paragraph. If you dont want it centered just leave these out.

A HREF="http://www.thesiteaddress.html"

This is where you set the url for where you want the person to go when they click on the image.

TARGET="_top"

This is used mainly when you do a site in frames. If you are working in frames and you set a link to go to someone elses page you should set the target to "_top" so that the person does not get stuck in your frames.

IMG SRC="nebp11.gif"

This is where you put your image at. It can be either a gif or a jpg image.

ALT="The name of the image goes here"

Here you can put the name of the image or any kind of phrase that you want, like click here to sign guestbook. This will appear to the person viewing when they place their mouse over the image and also when the page is loading before they see the image.

WIDTH=113 HEIGHT=156 X-SAS-UseImageWidth X-SAS-UseImageHeight

The width and height of the image will change with each separate image you use. It is good to have this because it helps the page load quicker.

BORDER=0

This is used to get rid of the box that appears around a linked image that you see on some sites.

ALIGN=bottom

This is used to show the placement of the image in comparison to the writing next to it. You can also use the align = left, right, top and center. Play around with the different locations.

3. How do I do different fonts and make a link using text?

Here is a sample of text:

Click Here! To visit my pets page.

<HTML>

<HEAD>

<TITLE>Place the title of you page here</TITLE>

</HEAD>

<BODY TEXT="#0000A0" BGCOLOR="#80FFFF" LINK="#0000A0" VLINK="#FFFF80" background="image.gif">

<CENTER><A HREF="http://www.thesiteaddress.html" TARGET="_top">Click Here!</A> To visit my pets page.</CENTER>

</BODY>

</HTML>

<CENTER>.... </CENTER>

Same as for the image. It is centering a new paragraph.

..... 

You use this to make the writing inbetween Bold

You can also make it Italic as well by using this ...

To do Both you will use ....

..... 

This is where you set the size of the writing and the font that you want it to be. I used Lucida Calligraphy and Arial in my example, but you can use any kind. The font size can be any of the following:

...+2, +1, -1, -2 .... etc.

<A HREF="http://www.thesiteaddress.html" TARGET="_top">

This is also the same as for an image. You are just setting the url location to where the viewer will be taken to when they click on the link.

4. How do I put music on my page?

You will need to upload the midi to your site directory as well.
This code will place the music inside the page so that you do not see any buttons.

<HTML>

<HEAD>

<TITLE>Place the title of you page here</TITLE>

</HEAD>

<BODY TEXT="#0000A0" BGCOLOR="#80FFFF" LINK="#0000A0" VLINK="#FFFF80" background="image.gif">

<CENTER><BGSOUND SRC="enya_aithair.mid" autostart=true loop=true>
</CENTER>

</BODY>

</HTML>

<CENTER>.... </CENTER>

Same as for the image. It is centering a new paragraph.

<BGSOUND SRC="enya_aithair.mid"

This is where you put the name of the midi that you want to use. I have selected Enya_athair. All of your midis need to be in your site directory.

autostart=true loop=true>

This tells the music to start automatically when the page is visited and it also tells the music to play over and over instead of stopping after playing once.

Music is The Last Unicorn

General

Adopts for You

Awards

Site | Hunt | Win Mine | Fairy Tale

Page 1 1. Creating a page and the basics. 2. Putting an image that is also a link. 3. Putting a text link and fonts on the page. 4. Putting music on a page.	Page 2 1. Putting frames around text and images. 2. Setting color or images as backgrounds within the frames around test and other images. 3. Saving an image to your Hard Drive. 4. Uploading an image or other file to your site directory.
Page 3 MIM or MIME files sent in email	Page 4 Site with Frames
Page 5 About {Nebula}