Soup-Faerie.Com
Main Navigation
   website home
   neopets home
   about
   link to s-f.com
   livejournal
   submit to s-f.com
   terms

Webmaster
   neo lookup
   neo mail
   neo shop
   neo wishlist

General Web
(to be moved to NBN)
   NuthinButNet
   html/css help
   backgrounds
   blogs
   cursors

Customize Neo
   user lookups
   neopet lookups
   lookup templates
   neo-status
   neoHTML

Neopet Tips
   articles
    - 10k daily
    - nps w/o games
    - petpetpets
    - newbie vs n00b
   daily duties
   avatars
   advent calendar
   cliffhanger clues
   defenders of neopia
   faerie crossword
   negg effects

Neopet Games
(pick a letter)
a b c d e f g
h i j k l m n
o p q r s t u
v w x y z

Fun Stuff
   bunnymaker
   blog tutorial
   dollmaker
   articles
    - learning HTML
    - webmaster
Basic HTML Guide
 

      So, you want to make a website do you? Don't know a thing about how to get started? Well, with the guide I have created on these pages, you should be off to a nice start.

Select a HTML Guide Page:
1 | 2 | 3 | 4 | 5
html color guide




Lets start with the very basics.

      Now, to create the look you want for your website, you need to use HTML tags to tell the web browsers how to make the page look. HTML tags start with < and end with >.
      Now, when you start a tag, you have to end a the closing tag. Now, what does that mean you ask? Well, if you start a tag with <b> --- after all the text, you have to end with </b>. (The / closes the tag.)

Altering the way text looks:

BOLD TEXT:
      result:
        text here


ITALIC TEXT:
      result:
        text here


UNDERLINED TEXT:
      result:
        text here


Now, you can do more than one thing at once:

UNDERLINED TEXT:
      result:
        text here


Want a the text bigger or smaller? Here are a few tips:

SET SIZE (change the number to make it bigger!):
      result:
        text here

      result:
        text here

      result:
        text here

      result:
        text here

      result:
        text here


LARGER TEXT (change the number to make it bigger!):
      result:
        text here

      result:
        text here


SMALLER TEXT (change the number to make it smaller!):
      result:
        text here

      result:
        text here


Now, you want to change your text color & font style? It's time for the page two...




©TM & © Neopets Inc. Used With Permission | ©'02-05 Soup-Faerie.com