Linkage:
Click on the x next to each.[
x] Anti-Scam Guide
[
x] Avatar Collecting
[
x] Brain Tree
[
x] Chatting
[
x] Dailies
[
x] Draiks and Krawks
[
x] Faerie Quests
[
x] Healing Springs
[
x] HTML Guide
[
x] NST
[
x] Paint Brushes
[
x] Pet Adopting
[
x] Petpet Lab
[
x] Premade User Lookups
[
x] Rainbow Fountain
[
x] Secret Lab
[
x] Sick Pet
[
x] Snowager Times
[
x] Tarla
NEW!
[
x] Trading and Selling
[
x] Userlookups
[
x] Secret Avatar Guide
[x] By
credendo_vides
[
x] Link to the Guide!
Affies:
Welcome to my extremely cheesy HTML school for beginners! MUA HA HA HA. (BTW, beginners is the key word there. This is simple HTML... in depth HTML may come later or it may not)
I appologize for the mass amount of typos and/or bad grammar. I wrote this guide a few years ago... and I'm too lazy to go through it. If any of it is unclear, please, neomail me ASAP and I'll help you out AND fix the page.
Click here to return to the main page.
This guide was made for people who are learning or want to learn HTML! Except we gave it a non profitable and kind of cheesy twist... All subjects will be taught in classes. Your teachers are displayed above each subject!
Below are simple HTML codes.
The "b" is a certain html code and may be replaced with any html code in existence!
For Italics
For Underlining
See how easy it is? NOTE: you do NOT always take the first letter of what you want to happen for the code. Only on these three.
New Lines or New Paragraphs
A new line or a new paragraph are some of the first things i learned. They can separate two different lines of text, or They can make a totally new part of text! A new line is done with this code:
And a new paragraph is done with the simple code following (NOTE: new paragraphs MAY not include your previous Bold code, Italics code, Underline Code, or fonts codes)
Fonts!
Fonts are a little more complicated than the previous codes, but it's simple. For fonts, you can have 3 effects: size, color, and face. Your Face is what font you want... for example: Times New Roman. Your Size is how big or small you want your font. The font size is not in pixels. just play around with it! Your Color is what color you want the font to be. Like red, or orange.
You do not have to include all of the effects, like if you just want to change the size you can only use the size code. Just delete the color and face code for ONLY size upgrade, or if you only want a font change delete the size and color code.
Alignment
Alignment is also very simple. It just means that instead of your text going on the left side of the page, like on your simple typing program, it can be centered or lined up on the right side. For Centering text or images, you just put it in a code!
How simple was that? Now instead of all your stuff going on teh left side of the page, how about the Right?
Linking
Well, linking is getting a little more in depth in HTML. Every linking code has a destination... A LINK is text or an image that you can click on that will transport you to any page on the internet. To create a link, you must first find the URL (or adress) of the place you want it to go to. Example: http://wwww.neopets.com
Copy the URL of where you want your link to go. Then, (in the following code) replace http://URL with your own URL.
See? It's easy once you get the hang of it. Linking images is mentioned later on after Images.
Adding Images
Adding images is ALMOST like linking... because it includes a URL (or adress). It's a bit more complicated though... To find and image's url, first RIGHT CLICK on the image you want to put on your page and then choose properties... There should be a non-internet window popping up. In that window there should be a few complicated little lines of text. Copy the URL after the text URL (adress). Once you have copied that, replace http://URL of image with what you copied!
See? That was rather simple... i guess. You just need to get the hang of it is all. Not to worry, i am sure you will do just fine.
Linking Images
Now, linking images is exactly like linking text, except where your display text (the text that people click on) there should be an image code! That's so simple if you know how to do images and linking! Here's an example:
Very easy, isn't it? Now, please hurry along to your next class while I find my page again. Let's see....
Separators
Getting used to HTML yet? I hope so. There is a lot more coming! Ok... HR is kind of like a separator. Like this:
To make these, the only code you need is
But if you don't want it to go accross the whole page, you can set a percent width. Like if you wanted it to only cover half of the page (with 25% of the page on either side of the separator) you would put this:
Pretty easy, is it not? Well, i'm sure you'll get it soon enough.
Aligning Images With Text
Now, onto Image and text alignment. If you were to put text with an image without any new lines, it would look something
like 
this
Personally, if you like the look, go with it. but if you want your text and images something like this:
bla bla bla bla
bla bla bla bla
bla bla bla bla
bla bla bla bla
bla bla bla bla
then i have a code for you! It's really quite simple. all you need to do is start with a simple image code... Just replace HTTP://SOME IMAGE URL with your image url and depending on which side you want the image to be of your text, replace right with left or just leave it the same!
That's it! Really simple, is it not? By the way, are you sure you don't want any soup? Ok then, goodbye! Wait! Does your FRIEND want some soup? No? No need to be rude. Ok then, goodbye...
Backgrounds
Making backgrounds is easy. Just find the URL of the image you want as your background and replace it with http://image URL
There, are yu happy? Jees, you are a pain. Get out of my face and take your darn schedule with you as i sit and continue to be grouchy. HUMPH
Text Boxes
Here is a text box:
It is just an area where you can write things so they are separated from other things in a casual way, or so you can display html codes. Your textarea width is how many pixels it is going to be horizontally and your textarea height is how many pixels it is going to be vertically. Now, let me show you the code for a textbox, in, well, a textarea!
