Pokemon - http://maxpages.com/charzardland/HTML_and_site

HTML/Site Help

This page is meant to help webmasters of Pokémon sites (or any site) with HTML and other things necissary to make a good site!

What are the basics of HTML?
How do I make links and specify link colors?
How do I add images and what can I do with them?
How can I make tables?
How do I change the font and text color?
What is a frameset and how do I make frames?
How do I make a form like on your site?
Where can I go to have my site hosted?

What are the basics of HTML?
Everything in HTML uses tags to display information. Tags look like this: . Most tags will also have a closing tag, which would look like this: . Every HTML page must start with the tag and end with the tag. The other two sets of important tags are the and tag and the and tags. In between the and tags is where you put your title of the page that is displayed on the bar at the top of the window. The title of your page goes between the tags. The title of this page looks like this in HTML: . Here is what a basic page would look like.

This is where you put in the information of your page.

How do I make links and specify link colors?
Links use the and tags. The tag uses attributes to make it work. An attribute is like a normal tag with more info. included. For example, the main attribute of the tag is href="url". Here is an example of the HTML you would use to link to my page: The Pokémon Crater. In between the and tags is where you want to put the text or image you want to use as the link.
To make the links on your page different colors other than the defult, you have to add some attributes to the body tag. These attributes are: link="color" (unvisited link), alink="color" (active link), and vlink="color" (visited link). Here is what the body tag looks like for my page: tag. The main part of the img tag is the src="url" attribute. This is where you type in the url source of the images. For example, the tag for would look like this: . That is all that is needed to display an image.
To make the outline of your page load faster, you may want to use the height and width attributes. For the Pokéball above, the two attributes would look like this: height="10" width="10". Another handy thing to use is the border attribute. With this tag, you can add a border to an image. To add a border of 2 pixels, the attribute would look like this: border="2".

How can I make tables?
To make a table, you use the tag. This tag must also include many attributes like the and tags. Here is a list of the attributes and what they do: Border - gives the table a border. Example: border="2" Cell Padding - makes each cell have a space between the text and the sides. Example: cellpadding="1" Cell Spacing - sets the spacing inbetween cells. Example: Cellspacing="2" Height - sets the height of the table. Example: height="500" Width - sets the width of the table. Example: width="100%" To add text to the individual cells of the table, you use the and
tags, and then put the and tags inbetween them. This is hard to explain, so look at the example below and you should get the idea. The tags can have height and width tags also if you want to make a certain cell a certain size.

Hello! Tables can
be useful! They
are just difficult!

Hello! Tables can<>
be useful! They
are just difficult!

How do I change the font and text color?
If you do not want the font on your pages to be the defult that the user specifies, you have to specify a font. You do this by using the and it's attributes along with the to close the tag. The font tag has three main attributes: size, face, and color. Size is how large the text is, -2 through 4. Face is what font you want, and color, of course, is what color you want. The tag for Font's are fun! would look like this: Font's are fun!.

What's a frameset and how do I make frames?
A frameset is a HTML page that specifies how big the frames are and where to get the pages to put in the frame. To make a frameset, make a normal HTML page, but instead of using the tag, use the tag. The tag has two main attributes that you must use. The first is the rows="#,#" or cols="#,#". This sets whether you want rows or columns, and how big they are. For the # sign in the tag you can use a number in pixels, a percent, or a * which means to use the remaining space (helps avoid leaving blank space). The second attribute is the frameborder="#", which just sets how thick the border of the frames are.
After the tag goes the tag. This tag is used to specify the source of each of the individual frames. There are two attributes you must include in the tag: src="url" and name="___". The src is the url of the HTML document you want in the first frame, name is what you want to name the frame (you must give the frame a name). There many other attributes you can have in the tag, but the most significant are noresize and scrolling="no". Noresize is used if you don't want the user to be able to resize the frame, and scrolling="no" is used if you don't want scroll bars in the frame.
With frames you have to use the target="__" attribute in your link tags. For example, if you have a side navigation bar and you want all the links to come up in the frame next to it, in the link tag you add target="name of frame you want the page to appear in" (If you named that frame "main" the tag would be target="main"). If you want something to open in a new window, use target="NewWindow".
Here is an example of a frameset with a side navigation bar and a main page:

Remove the @ for it to work

How do I make a form like on your site?
Forms can become very complex and you need a server to use the cgi necessary to have forms. I would recommend going to bravenet.com and signing up for their services and using the e-mail forms they have. They provide insructions on how to costumize the form to your liking.

Sign Guestbook

View Guestbook

Instant message me

VolcanoPlace@hotmail.com

Visitors: 00224

Page Updated Sat May 27, 2000 11:27am EDT