THe Wonderful World of HMML



Ah, grasshopper! So I see you are interested in building your own cute little web page! You have come to the right person! ^^ First, let me explain some basic things to you. HMML (Hyper Monkey Mark-up Language) (This is most commonly known-- by those unfamiliar with HMML-- as HTML, or Hyper Text Mark-up Language) is made up of wee little tags which are inclosed in what is known to Web Monkeys (people who make web pages) as <pointy brackets>. Some tags need ending tags. This is accomplished simply by adding a "/" inside your pointy brackets in the tag. Here's an example: <b> the text typed here would appear bold on the web browser </b>

The 4 tags outlined on this page have to do with the structure of your site. They should appear in every html document that you create. Here they are:



<HTML> This tag signals the beginning of the HMML document. Yes, it is HMML, but, for the sake of those who are lost, and confused, the HMML code uses the term "HTML".



<HEAD> This tag contains all of the page header information. This tag can unclose a number of tags: TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE & META. You will learn more about these tags a little later. Actually, this tag is not needed, and I don't use it a lot, but it is good HMML beginner form to use this.



<TITLE> This is the tag used to identify the page name. The text contained in this tag will be the text displayed at the top of the browser as well as the text that will be used to bookmark the page with.

Example: <TITLE>The Wonderful World of HMML</TITLE>



<BODY> This is the tag that defines the pages attributes. These include: Monkey color, Monkey picture, Baboon words, and the three linkoids (or, for those unfamiliar with these terms: The background color, the background image (if any), the text color, link color, visited link color, & active link color).

Attributes: BGCOLOR, BACKGROUND, TEXT, LINK, VLINK, ALINK, BGPROPERTIES, LEFTMARGIN & TOPMARGIN

Example: <BODY bgcolor="white" background="back.gif" text="red" link="blue" vlink="purple" alink="green">



>

So now that you have the basic tags down, here is a simple web page:




Ah, the basics of HMML. Could we ever live without such wonderous stuffs? I think not!! Still having trouble? You can use the HMML of any page to help you out. For IE users, simply right click inside the browser (not on an image) and select "view source". For Mac and Netscape users, go to the "view" menu, and select "document source". Study the HMML carefully, and soon you will be an experienced, wonderful Web Monkey!




Ready to leave? Well then! Head on back to the main page!