Start Making A HTML File

  • 1. Go to the "Directory" where you want to make your HTML file.


  • 2. Click on "Mfile" button at the top of your Directory.


  • 3. You will see a blank space to name your file. Type in the name of your file (page) example:

    homepage.html or links.html or whatever you would like it to be.

    But, the file extention should be .html, because this is a HTML page...;-) Then click "Make File".


  • 4. Next you will see your Html "Editing Page" ( where you build your page ). It will have the main starting codes already preset to start your page. Like below:

    <!doctype html public "-//w3c//dtd html 4.0 transitional//en">
    < html>
    < head>
    < title> Your Title </title>
    </head>
    < body bgcolor="#FFFFFF"text="#000000"link="#0000cc"vlink="#cc0000"alink="#FFffFF">
    </body>
    </html>


  • 5. Type the Title of your page where it says "Your Title".


  • 6. You can change the colors of (bgcolor, text, link, vlink, alink) to your choice.
    The colors there are Hex colors, but you may use "text" colors. Such as "red" "blue" "black" etc.


  • 7. You will put all your codes for your music, images, and links ( Your Page Contents ), between the "< body bgcolor...etc. and the </body>" tag.


    • You can scroll down and click on the "Preview" button to look at your page. Hit your back button to return to editing your page.

    You can also hit "Save & Continue" button to save what you have done, then go on and add more to your page, if you like.

    When you have completed your page, and are happy with it..Hit the "Save" button.
    You will now see your "New HTML" file in your Directory.

    You can always "Edit your page by clicking on "Edit" off to the right of the file.

    Remember to "Save" after editing and making your changes.
    Using Base Href
    Without getting too technical: Basically, using the Base Href will allow you to use relative url's, instead of full url's, within your page. It can save time in typing, and shorten your page, also.

    NOTE: If you do not use the Base Href in the Header. You will not be able to view Relative URL's while in Preview.

  • 1. When making your page put this in the Header like so:
    Examples:

    < base href="http://username.com/"> For Domain users.

    Or

    < base href="http://username.zboxhosting.com/"> For Subdomain users.

    So the beginning of your page would look like this.

    <!doctype html public "-//w3c//dtd html 4.0 transitional//en">
    < html>
    < head>
    < title> Your Title </title>
    < base href="http://username.zboxhosting.com/">
    </head>
    < body bgcolor="#FFFFFF"text="#000000"link="#0000cc"vlink="#cc0000"alink="#FFffFF">

  • 2. Now, you can put images into the Body of your page, using Relative URL's.

    So what is a Relative URL

    Simply put, it is a shorter version of your Full URL.

    Ok, so now you are ready to add an image.
    Here is how you would add the Relative Image URL

    Example:

    < img src="images/cat.gif"> aka: directory/image.gif

    Or say you have an image, in a sub-directory. It would be like so:

    < img src="images/animals/cat.gif"> aka: directory/subdirectory/image.gif

    You will be able to see the images using the Relative URL's in Preview, while in your editing page.

    • Back ZboX Webhosting


    Happy Page Building!