The Slacker's Guide to HTML
Sitemap

HTML Guide - Home
  • The Basic of HTML
  • Total Text Manipulation
  • Images and Lists
  • Links and Forms
  • Tables and Frames
  • Adding Sound, Refreshing, Guestbooks, and more..

  • Style Sheets Guide
  • Properties
  • Selectors
  • Values
  • Measurement

  • Interactive Tag Reference

  • Free Downloads (Editors, Validators, Debuggers, Link Checkers, More)

  • Browser Downloads & Reviews

  • Tips and Tricks in HTML

  • Web Site Promotion

  • Page Layout w/ Tables

  • Gif VS JPEG

  • Resources

  • Friends

  • Link to This Site

  • Email Me

    <-- Back to HTML contents

    Click Here to Tell a Friend about The Slacker's Guides!
    get this gear!


    CONTENTS


    Sound

    The HTML for putting sound into your page is as follows:
    <embed src="saywhat.wav" Autostart="false" width=145 height=55>

    And that leads to this:

    Now, I'll explain the elements of that HTML tag a little:

    Autostart="false" means the sound will not start until the play button is hit. If that had read Autostart="true", then it would've started as soon as you got to the page and the sound thing loaded up.

    Width and height are self-explanatory.

    You can also have the element Hidden="true" or Hidden="false", but if you are going to have the "control panel" thing invisible (hidden) then you should have it on Autostart, or the music will never start.

    Sound files can be loaded up into your directory just like html and image files. Oh so simple.
    There you have it.

    "Refreshing" pages

    Refreshing pages are pages that automatically reload after a certain amount of time, set by you, to a different page. This is how you do it:
    <meta http-equiv="Refresh" content="10;
    URL=http://www.anywhere.com/something/something else/your page.html">

    In this case, after ten seconds (CONTENT=#) the visitor will automatically be sent to the URL in that script. This tag we are now using utilizes the meta tag. The meta tag does some really good stuff, but I really don't get too into all that stuff on this page of the guide. For more on the META tag, check out this page.

    Declaration and comment tags

    The declaration and comment tags are personal things. Meant for you and only you. It's used so you can make notes to yourself or someone viewing your code, but it will not show up on the visitors browser.
    Example:
    <!--This is my comment. Enjoy my guide. No more comment-->

    In this case I make a comment of "This is my comment. Enjoy my guide. No more comment". It will appear in the code just as it does in the example text above. It's quite useful on pages that often change codes or have many intricate tags.
    The declaration tag and comment tag each have different codes, look:

    Declaration tag:
    <!--text-->

    Comment tag:
    <comment>text</comment>

    Although they are different tags they create the same unseen results. One difference is browser acceptability. Netscape and Internet Explorer both accept the declaration tag, but Netscape does NOT accept the comment tag.

    Webrings

    Webrings are set up to connect similiar pages in a "web" of rings. Get it? If you wanted to set up an "alliance" with the owners of various pages having to do with dogs, then you might want to create "The Dog Webring". Webrings can be a severe pain in the ass to set up and manage, so I strongly suggest going to Webring, a company devoted to providing people with FREE, high-quality rings. A lot of the work comes done for you, too.

    But, if you want to do it yourself, good luck. While a webring is basically just a bunch of pages with links to each other, it can be a maze of work for you and time consuming.

    I honestly can't help you too much with webrings, each one is completely different from others and different to make.

    Check out Webring for further info on their services. Or you can go to Javascripts.com and join for free, gaining access to many scripts that can help you create a self-working webring.
    Still not happy? Check out HTML Goodies.

    Guestbooks

    Want a guestbook on your page? Don't want a cheesy GuestWorld/LPage thing? Neither did I. The good thing, though, is that you can personalize your guestbook so much that it will hardly appear to be a free service.
    I suggest doing what I did.

    Horizonal rules

    A horizontal rule is a line going across your page that seperates two parts of your content. Before you go wild with these things I should give you fair warning that if you have a graphics program, then you should just make a rule yourself...a simple gif image will do. Instead of putting in the HTML for a rule, just make an image similiar to a rule and use the image tag.
    But, for those of us less concerned, you can use the hr tag.

    You put this simple tag where you want to rule to appear:
    <hr>

    In order to change the size and properties of the rule, include this stuff in the tag:
    <hr SIZE=4 WIDTH="50%" COLOR="YELLOW" ALIGN="RIGHT">

    In this example, the size of this rule 4 (out of #1-6) and the width is 1/2 as wide as it could be (100%). The color of the rule is yellow, and it is aligned to the right. Look (Does Netscape allow colors to appear in horizontal rules? I don't think so. Maybe by the time you read this, they will.)


    And there you have it.

    That's it! You are now done learning HTML (that is, if you actually went through this tutorial in order). Even if you haven't read the whole thing I would like to say "thank you" for visiting, and don't forget to bookmark the site, which you can do quite easily by hitting CONTROL+D.


    | Back to Top of Page |

    Related Links





    Promote Your WebSite

    Free Browser Downloads & Reviews

    Learn CSS and Expand Your HTML Expertise

    FREE Quality HTML Editors, Validators, Debuggers, Link Checkers, RGB Converters, and More! Totally Freeware.