If you have a Facebook account, click here to continue logging in.


If you don't have a Facebook account, click here to log in with your Neopets information.
Code Tips

Main | FAQ | Coding Tips | HTML Tutorial | Common Mistakes | Error Explanations | HTML Neoboard Help

Here are some handy tips that will help you write and manage your code.

Tip #1

Make a back-up copy of your code before you edit it.

The are a number of ways to ruin your code.

Always keep a back-up copy of your code (preferably a working version) saved to your desktop in a safe place.

Tip #2

Use a text editor, such as Notepad, on your computer to make code changes.

A simple text editor makes the code so much easier to write and read. When you're done editing it, copy and paste it into the text box and then hit 'Submit.'

When the filter gives you error warnings, use the 'Find' feature of your text editor to locate the problem area.

You can also do 'Replace'. If you had no quotes where they were needed in the image tags, replace as follows:
Replace .gif with .gif"
and src=http with src="http

This tip is guaranteed to make things 100 times easier!

Tip #3

Give each HTML tag its own line.

· Code formatted this way hurts brains:

<p><img src="http://images.neopets.com/items/someimage.gif"><br><span style="border-style:solid;border-width:1px;border-color:black"> When AlexanderTheGrarrl conquered all of Neopia, he wept, for there were no more worlds to conquer. Quite frankly, I know exactly how he felt. </span></p>

·Code formatted this way is much easier to read:

<p>
<img src="http://images.neopets.com/items/someimage.gif">
<br>
<span style="border-style:solid;border-width:1px;border-color:black">


When AlexanderTheGrarrl conquered all of Neopia, he wept, for there were no more worlds to conquer. Quite frankly, I know exactly how he felt.

</span>
</p>

·Put your code on as many lines as you need to keep things ordered. The browser will display all tagged content the same way, regardless of the number of lines in between.

Tip #4

Don't overlap tags.

·Don't open a tag, open another tag, and then close the first tag before closing the second tag.

For example, don't write:
<p>
<b>
Hi!
</p>
</b>

· It might display properly and pass our filters, but it will make things more difficult for you to manage as your code becomes more involved.

Instead, write the above code as:
<p>
<b>
Hi!
</b>
</p>

Tip #5

Start simple and get it working.

Don't try to write the final version of what you want on the first pass.

Break it down into the easiest parts first and keep adding to it.

Here's a good framework to start from:

  • Start by entering all the text you want your viewers to see with only the break row tags <br> added.
  • Once that is in order, add any images.
  • After all the images appear correctly, add any hyperlinks to the images or words in your text.
  • Once those all check out, try organising the layout inside of a table.
If you are more advanced than that, you might apply the framework in a different way. For example, you could use the same simple-to-more-complex approach when you implement different aspects of a style sheet.

Tip #6

Have fun!

Sorry, but we had to add this one in here.

You may not get the exact results with your code right away, but you will in time!

If you find yourself getting too frustrated, and you've tried everything you could, then just take a break for a little while. Solutions often present themselves after a problem is left alone.