Main Page Go to Short Stories Go back to Articles Go to Comics Go to Continued Series Go to Editorial Go to New Series

Show All | Week 1 | Week 2 | Week 3 | Week 4 | Week 5 | Week 6 | Week 7 | Week 8 | Week 9 | Week 10 | Week 11 | Week 12 | Week 13 | Week 14 | Week 15 | Week 16 | Week 17 | Week 18 | Week 19 | Week 20 | Week 21 | Week 22 | Week 23 | Week 24 | Week 25 | Week 26 | Week 27 | Week 28 | Week 29 | Week 30 | Week 31 | Week 32 | Week 33 | Week 34 | Week 35 | Week 36 | Week 37 | Week 38 | Week 39 | Week 40 | Week 41 | Week 42 | Week 43 | Week 44 | Week 45 | Week 46 | Week 47 | Week 48 | Week 49 | Week 50 | Week 51 | Week 52 | Week 53 | Week 54 | Week 55 | Week 56 | Week 57 | Week 58 | Week 59 | Week 60 | Week 61 | Week 62 | Week 63 | Week 64 | Week 65 | Week 66 | Week 67 | Week 68 | Week 69 | Week 70 | Week 71 | Week 72 | Week 73 | Week 74 | Week 75 | Week 76 | Week 77 | Week 78 | Week 79 | Week 80 | Week 81 | Week 82 | Week 83 | Week 84 | Week 85 | Week 86 | Week 87 | Week 88 | Week 89 | Week 90 | Week 91 | Week 92 | Week 93 | Week 94 | Week 95 | Week 96 | Week 97 | Week 98 | Week 99 | Week 100 | Week 101 | Week 102 | Week 103 | Week 104 | Week 105 | Week 106 | Week 107 | Week 108 | Week 109 | Week 110 | Week 111 | Week 112 | Week 113 | Week 114 | Week 115 | Week 116 | Week 117 | Week 118 | Week 119 | Week 120 | Week 121 | Week 122 | Week 123 | Week 124 | Week 125 | Week 126 | Week 127 | Week 128 | Week 129 | Week 130 | Week 131 | Week 132 | Week 133 | Week 134 | Week 135 | Week 136 | Week 137 | Week 138 | Week 139 | Week 140 | Week 141 | Week 142 | Week 143 | Week 144 | Week 145 | Week 146 | Week 147 | Week 148 | Week 149

Neopia's Fill in the Blank News Source | 21st day of Swimming, Yr 26
The Neopian Times Week 77 > Articles > HTML - How to Use it

HTML - How to Use it

by squieshie

Untitled Document

HTML: You've heard of it, maybe you haven't. HTML is a great thing you can use on the Internet. I sometimes refer it as to 'making the computer do stuff for you'. You can make tables, change the color of font, add pictures, links, and a whole lot more. But what if you don't know how to use it? Then you've come to the right place =)

1) Starting off - So, you've come to the page where you are to edit you're pet's webby. But don't start yet. What I would do is learn some HTML first. But how? Well, I personally wouldn't recommend the Neopets HTML help page. It was difficult to understand what the heck they were saying (no offence, Neopets).

2) Practise HTML - Now that you've learned some basic HTML, like making font bold, italic, underlined, and how to make your font different sizes, and colors, being to practise on your pets page. Don't worry - you can delete all of your practised stuff. Here are some codes that might be useful to you:

< b > TEXT HERE < /b > = Bold Font

< i > TEXT HERE < /i > = Italic Font

< u > TEXT HERE < /u > = Underlined Font

You can also mix the fonts, like make words italic, underlined, and bold, like this:

< b > < i > < u > TEXT HERE < /b > < /i > < /u > = Bold, Italic, and Underlined Text

You can also change the color of the text like this:

< font color=orange > TEXT HERE < /font > = Orange Font

And you can also change the size of the text! < font size="1" > TEXT HERE < /font > = Font size 1

You can make your font size bigger, too.

< font size="5" > TEXT HERE < /font > = Font size 5!

3) Making Tables - Tables are one of the most important things you must know in order to do HTML. Your page will look bad if you don't have a decent table. Tables are the things that make it so the words are in a matter of space, like the table on this page of The Neopian Times. I think the table on this page's width is 500, but I'm not 100 percent sure. A good page about how to do good tables with the codes can be found right here. =)

4) Changing font size, etc. - Now that you have a nice table, time to re-size the text! I usually re-size it to size 1, but you can do whatever you want. You can also make your links a different color with this one code. I'll tell you about it later. You can also change the color of your scroll bar, so your page will look nice and colorful. =) You can find that code here. It's a really good site with codes for your userlookup, too.

5) Inserting the Text - Now. You've changed the color of the links, scroll bar, added a nice table, so now your ready to insert the text. First of all, make sure that you don't put any bad words, or anything inappropriate on your pet's page, because, first of all, it is against the rules of Neopets, and second of all, this is a children's site, and that isn't a good influence for kids. Other than that, you can put whatever you want, so go for it!

You can also align your text, so it isn't to the left (which is the standard align text on the Neopets petpages), but to the center, like this:

< div align=right > TEXT HERE < /div > =

This Text is align to the right.

And to make your text align to the center, do this code:

< div align=center > TEXT HERE < /div > =

This text is align to the center.

And to make your text be align to the left (which is standard), go like this:

< div align=left > TEXT HERE < /div > =

This text is align to the left.

6) Putting in Images - Since your all done inserting the text, now you can put in images to your site! It makes your site look better, overall, and people won't think it's boring. A good site has lots of colorful clean images! But be sure to not overdo it. If your site has too many images, then some of them might get broken, and the page might take forever to load.

You can inset and image like this:

< img src="http://images.neopets.com/pets/80by80/ixi_blue_happy.gif" border="0" > =

Soon when you get more familiar with HTML, you will hopefully memorize all of the Neopets image Urls'. To find the Urls', right click on the Neopets image you want, and click on 'properties'. Then, you will see the Address (URL): and it will say the URL. Copy and paste that to the code I did up there, and put it over the http://images.neopets.com/pets/80by80/ixi_blue_happy.gif part, so your image will be there.

You can also align your images (which is very similar to making your text align), which is shown below.

Align your picture to the right:

< img src="http://images.neopets.com/pets/80by80/ixi_blue_happy.gif" border="0" align=right > =

If you want to align your picture to the center, go like this:

< img src="http://images.neopets.com/pets/80by80/ixi_blue_happy.gif" border="0" align=center > =

And to align your picture to the left, simply do this:

< img src="http://images.neopets.com/pets/80by80/ixi_blue_happy.gif" border="0" align=left > =

7) Finishing it Off - Now. Your all done with your page! Congrats! Another thing you can do to get more visitors to your site is trading links with another petpage. But first, you have to make a link of your page, and upload it somewhere. I uploaded my pet's page link on a guild on another account, and it seems like that's the most popular way to do it. Then, look around, and see if there is a petpage you like, and Neomail them nicely and ask them if they would want to trade links with your pet's page. If they say yes, great! But if they say no (which I doubt they will), just look somewhere else until you find the perfect place to trade links with.

8) Site Spotlight - Now. You're ready to enter the Site Spotlight. A dream of almost every Neopian is to win, and you are positive you will with your fabulous page. First, go to the Site Spotlight page (here), and read the first two paragraphs. It will say the requirements of what you have to say when you send it in to fansites@neopets.com. Remember to thank Neopets for their consideration of picking your site for the site spotlight, and make SURE to include your username. Then, your ready to send it off!

I hope this HTML guide was useful to you! Good luck with your pet's page! Oh, and feel free to Neomail me! I love to get feedback -_^


Search :
Other Stories

A Guide to Winning Trophies
Have you ever looked at the flash game hi-scores and wondered, "How do they get such high scores?" Or, have you ever looked at someone's trophy cabinet and wondered, "How do they get so many trophies?"

by solidus_snake


A Neopian Web Design Treatise: On Text
Choosing the right font can be as important, if not more so, than choosing the right images and colours for your site. Despite this, however, it is a topic often ignored in favour of more "interesting" or "artistic" aspects of web design.

by oddhatter


Cellblock Strategy Guide
For such a tricky game, the rules of Cellblock are remarkably simple.

by pianoru


So Long, Carbon Copy!
This articles talks about ways writers can find unique topics, and what risks there are. It also mentions the perspective of a reader.

by taipeiss


Neopets | Main | Articles | Editorial
Short Stories | Comics | New Series | Continued Series | Search