BREAK

Ever put up a banner or image and have your text share the same line as your banner making it completely off-centered and horrid looking? Place the code below before and after your banner or image (and even between text you'd like to separate) and the banner or image will have its very own line. (Put several of these in a row to make the gap wider if you want.)

<br>

PARAGRAPH BREAK

Same concept as above except one of these creates a wider space above and below characters. (Also, if you have font coding a certain way, this code could cause you to keep adding the same font colors over and over down your page. The <br> code doesn't. And, you can only use one <p> at a time to make a standard sized gap. With the <br> code, you can make the gap as tall as you like.)

<p>

CENTER

Can't figure out how to center an image or text on a page? You'll need the following code before your characters.

<center>

To close this off, you'll need to put

</center>

IMAGE CODE

Is there a lovely picture you'd like to put up, but don't know the code? (First you need to know the URL address of the image. If the pic is on your PC, you'll have to upload it using an image host. Some common ones are Photobucket, Maj or Image Shack.) Use the code below to display the image. Be sure to place the image URL where it says "Image URL Here"

<img src="Image URL Here">

*** With the New Neopets layout, you might have to put the size of the image so it will show up properly in Internet Explorer. Here's how...
(Only place the number inside the quotes for the width and height.)

<img src="Image URL Here" width="IMAGE WIDTH HERE" height="IMAGE HEIGHT HERE">

TEXT EFFECTS

Here are some common effects you may want to apply to your text.

Underline

<u> text here </u>

Bold

<b> text here </b>

Line through the Text

<s> text here </s>

Italics

<i> text here </i>

MARQUEE or SCROLLING TEXT

What about making text scroll across the screen?

<marquee>Your Text Here Will Scroll from Right to Left</marquee>

<marquee direction="right">Your Text Here Will Scroll from Left to Right</marquee>

<marquee direction="up">Your Text Here Will Scroll Up</marquee>

<marquee direction="down">Your Text Here Will Scroll Down</marquee>

<marquee behavior="alternate">Your Text Here Will Bounce Back and Forth</marquee>

MARQUEE or SCROLLING Images

You can make images scroll as well. (Use the above codes as a guide to change the direction of your scrolling image.

<marquee><img src=Image URL Here></marquee

TEXT FONT, TEXT COLOR, TEXT SIZE

Here's a simple way to control your font face, color or size, followed by the code that will close it up. Change the font face, color and size according to what you need it to be. (Keep in mind that not everyone has the fancy fonts you may have. So if you use a font you're unsure of, have someone else tell you if they can see it.)

<font face="verdana" color=red size=4>Your Text Here</font>

You can also use CSS to change your text into many possible colors. The text below will be red, but when you change the color code (which is #FF0000) you change the color! Click here for a CSS color chart.

<font face="verdana" color=#FF0000 size=4>Your Text Here</font>

Also, here are a few popular fonts that can be seen by "most" computers.