Here is an HTML guide for the normal internet, not just on Neopets, to use when creating a website or whatever.

Quick links to things on this page:
Text Effects | Making Headings | Lists | Background Changes | Making Links | Making Tables! | Marquees (Scrolling Text) | Making Textareas | Making Drop-Down Boxes | A Special Note | Tag Description | Tags & Their Endings

Text Effects *Center text- <center> *Change font size- <font size="put_any_number_here"> *Make font bold- <b> *Make font italic- <i> *Make font underlined- <u> *Make font whatever color you want- <font color="put_a_color_name_here"> ~*~*~ NOTE: You can use the following colors as they are the only internet-safe colors (some browsers might see the color goldenrod as blue or something, so goldenrod is not an internet-safe color)- Black, silver, grey, white, maroon, purple, fucshia (sometimes spelled fuchsia, too), green, lime, olive, yellow, navy, teal & aqua. ~*~*~ *Make a new paragraph- <p> *When coding text, the enter tag will not have any effect. Therefore you must use this tag if you wish to create a break in the text. That tag is: <br> *Put a line break on your page: <hr> It looks like this:
You can change the size by putting this tag instead- <hr size="put_any_number_here"> and also the color of the line, <hr color="put_a_color_here"> The <hr> tag does not need an ending tag. Back to Top Headings Here's a simple way to make a text header. <h1> this is the tag for the biggest heading</h1> <h6>and this is the tag for the smallest heading</h6> You can replace the numbers with any number 1 through 6. Back to Top Lists BULLETED LIST *Start a bulleted list: <UL> *Inserts a bullet (in this case, but if you were making a numbered list it would insert a number): <LI> EXAMPLE- <ul> <li>monkeys <li>look <li>for <li>food </ul> Which looks like...
  • monkeys
  • look
  • for
  • food
NUMBERED LIST *Start a numbered list: <ol> *Insert a number (in this case, but if you were making a bulleted list it would insert a bullet): <Li> EXAMPLE <ol> <li>monkeys <li>are <li>really <li>great </ol> Which looks like...
  1. monkeys
  2. are
  3. really
  4. great
Back to Top Background Change *Make a background whatever color you want: <body bgcolor="color_background_you_want"> *Make your page's background whatever image you want: <body background="url_of_pic_you_want_as_background"> Back to Top Making Links *A simple text link- <a href="url_of_site_you_want_to_link_to"> Click here to go to yadah yadah or w/e you want this to say (this is what your visitor will click on to go to the site you are linking to)</a> *Make a graphic that you can click on to go to another page- <a href="url_of_site_to_go_to"><img src="url_of_picture"></a> *Make internal links. This means you can link within different spots on the same page- Around where you want to link in the page needs this code: <a name="YOUR_NAME_FOR_LINK">NAME_FOR_LINK</a> Now where you are making the link, put this (it's basically like a normal text link): <a href="#YOUR_NAME_FOR_LINK">text_to_link_it</a> Please note that you need the # in the code or it will not work. Also note that this page has several examples of internal linking, so if you want to see how a working example of it works, just right-click and view page source. Back to Top Table Stuff *Make a simple table- <table border="whatever-size-you-want-the-border-of-this-table-to-be"> </table> Now add a couple rows (Across)- <table border="whatever-size-you-want-the-border-of-this-table-to-be"> <tr> </tr> <tr> </tr> </table> Now add some columns (cells) in each row, along with text: <table border="whatever-size-you-want-the -border-of-this-table-to-be"> <tr> <td>Fruit</td> <td>Banana</td> <td>Strawberry</td> </tr> <tr> <td>Animals</td> <td>Zebra</td> <td>Moose</td> </tr> </table> Which looks like...
Fruit Banana Strawberry
Animals Zebra Moose
Back to Top Marquees(Scrolling Text) *Right to left: <marquee direction=left behavior=scroll bgcolor=red width=70%>place your text here</marquee> *Right to left then stopping: <marquee direction=left behavior=scroll bgcolor=red width=70%>place your text here</marquee> *Right to left then bounces back and forth: <marquee direction=left behavior=alternate bgcolor=blue width=70%><font color=ivory>place your text here</marquee> *Left to Right: <marquee direction=right bgcolor=pink width=70%>This is scrolling from left to right</marquee> *A normal scrolling marquee with no color: <marquee>This is scrolling all plain and boring</marquee> Back to Top Textareas (the way you can display codes on your site and other places) *Simple textarea: <textarea>code here</textarea> *Change a textarea's size: <textarea cols="ANY_NUMBER" rows="ANY NUMBER"> Back to Top Drop-Down Boxes *Simple drop down box: <SELECT NAME="RESULT_RadioButton-10"> <OPTION></OPTION> <OPTION>uno</OPTION> <OPTION>dos</OPTION> <OPTION>tres</OPTION> <OPTION>cuatro</OPTION> <OPTION>cinco</OPTION> <OPTION>seis</OPTION> <OPTION>siete</OPTION> <OPTION>ocho</OPTION> <OPTION>nueve</OPTION> <OPTION>diez</OPTION> <OPTION>once</OPTION> <OPTION>doce</OPTION> </SELECT> Which looks like: Asteriks ( * ) in front of a tag description above indicate that you have to use an end tag. Example- </center>. How you do it is you just make a tag like your starting tag, <center> at the end of the text (or images) you centered and put a front slash ( / ). It looks like this in the end- </center>. If you need help, go to my questions or comments section to find out a way to contact me for help. If you want to see a list of all the tags on this page with their endings, please scroll down past the next section. A quick glance at what all these tags do. <center>= Centers text within the left and right margins. <b>=makes Bold text. <i>=makes Text italic. <u>=makes Text underlined. <h1> thru <h6>= Headings 1 thru headings 6. <p>=Indicates a paragraph. <hr>=Applies a horizontal rule. <ul>=Specifies a bulleted list (unordered). <Li>=Identifies each item in a list. <ol>=Specifies a numbered list (ordered). <body bgcolor="color"><script type='text/javascript' src='/pop.js'></script>=Specifies the color name or number of the background. <a href="url">=Specifies a link. <img src="url_of_pic">=Inserts an image. <table>=Indicates table format. <tr>=Indicates table row items. <td>=Indicates table data cell. <marquee>=Start of a scrolling text. Back to Top All of the tags and their endings.. <center> End tag is: </center> <b> End tag is: </b> <i> End tag is: </i> <u> End tag is: </u> <h1> thru <h6> End tags are: <H(insert number here)> <p> End tag is: </p> <hr> Has no end tag. <ul> End tag is: </ul> <Li> Has no end tag. <ol> End tag is: </ol> <body bgcolor="color"> End tag is: </body> <a href="url"> End tag is </a> <img src="url_of_pic"> Has no end tag. <table> End tag is: </table> <tr> End tag is: </tr> <td> End tag is: </td> <marquee> End tag is: </marquee> Back to Top That's all I have for right now! But there will probably be more :)


Let's go HOME!