::HTML_guide::


Basics of HTML


HTML is short for hyper text markup language. Its a codeing language that allows people to make or modify web pages. HTML is made up of things called tags. For example, if I want to make text bold, i use the tags <b> BOLD TEXT HERE</b>. When ever you open a tag, you allways need to remember to close it, by typeing the same tag over again only with a / in front of it.

Basic HTML for web pages/fansites


When makeing a webpage, you always need to start with the tag <html> and end with the tag </html>. No other tags can exist before or after those to tags. Next comes the head tag, which looks like <head>. If you want to ad a title to your page, you ad <title> in the head tags. Make sure you close the head and title tags by putting </title> and </head>. After the head and title tags comes the body tags. In between the body tags goes all of your text. Then, you close the body tag and the HTML tag. A very basic webpage would look like this:

<html>
<head>
<title>The title of the web page goes here</title>
</head>
<body>

All of your web pages text, images, ect. shows up here.

</body>
</html>

This web page is very basic, and isn't very exciteing: all it is is text on a screen. In order to make your web page more exciteing, read on.

Basic HTML for web pages/fansites and zetapets


Since zetapets is a web page, it allredy has the web page tags listed above; you don't need to add any of them when modifying your user lookups, your zetapets web page, club page, or shop.

In order to make a line "break" (going down one line, or the eqivilant of pressing enter or return on your keyboard) You need the tag <br>. This is one of the few exceptions to the "close all tags" rule; you don't need to close <br> tags.

To make your text bold, you need to use the tags <b> and </b>. Your bold text goes in between those two tags.

To make your text italic, you need to use the tags <i> and </i>. Your italic text go in between those two tags.

To Underline your text, you need to use the tags <u> and </u>. Your underlined text goes between those two tags.

To center your text, you need to use the tags <center> and </center>. Your text will be centered and look like this:


WHEEE LOOK CENTERED TEXT! O____O


Images, text links and text/backround colors


To add an image to your page, you need to use the following tag:<img src="URL of the image">. (you don't need to close this tag ither ^^) Inorder for your image to show, you need to upload it to an image server and put the URL in between the quotation marks. I would suggest useing photobucket, as it is free and easy to use.

To add a backround image (an image for your backround), you need to use the tag <body background="URL of your backround image">

To link your text, you need to use the following tags:<a href="The URL of the page you want to link to">Text that is being linked</a>. For example, if I wanted to link to alpha to zeta, I'd put the tag <a href="http://www.freewebs.com/alphatozeta/index.htm">Alpha to Zeta</a>. It would look like this:

Alpha to Zeta

To change your text's color, you need to use the tag <font color="#HTMLcolor">text here</font> HTML colors are all assigned numbers: for example, black is #000000 and white is #FFFFFF. I highly recommend useing the Lissa explains it all color chart,.

To add a bacround color, you need to use the tag <body bgcolor="HTML color number here">

To change your text's font, you need to use the tag <font face="type of font here!">text here</font>

To change your fonts size, you need to use the tag <font size="text size here">Text here>/font>

You can also combine the previous three tags into one big tag, which would look like this:

<font face="Font type here" color="HTML color here" size="Size here">text here</font>

Fun stuff with HTML


Everyone loves Marquees! A Marquee looks like this:

Look, a Marquee! It moves! O___O *watches marquee move accross the screen*

To add a Marquee to your page, you need to use the tags: <marquee behavior=scroll direction="left">Your text here!</marquee>

There are other fun things you can do with marquees, includeing making them altranate:

An altranateing marquee! Neato!

To make your marquee altranate, you need to use the code:

<marquee behavior="alternate">your text here!</marquee>

You can also make your Marquees go fast or slow, useing this code:

<marquee behavior=scroll direction="left" scrollamount="Speed of marquee">Your text here!</marquee>

If I put 1 for the scroll ammount, its sooooo slow...

If I put 10, it looks like this!

If I put 20 you can barley read it

You can also add images in your marquee. If you look on the left naviagation bar, I have a vertical scrolling marquee over there.

To add a text area, you need to use the following code:

<textarea cols="number of columns here" rows="number of rows here" class=search>Your text here!</textarea>

If I want my text area long and skinny, I add more columns then rows:



If I want my text area short and fat, I do this!



Anymore questions or comments? Zetamail me! ^_^

A better, more compleate guide that I used to learn HTML with is lissa explains it all.. This is the site I used to first learn HTML, so I feel the need to credit lissa for my HTML education :)