Navigation
HTML Guide
| Basic Tags |
| <html></html> Creates an HTML document |
| <head></head> Sets off the title and other information that isn't displayed on the Web page itself |
| <body></body> Sets off the visible portion of the document |
| Header Tags |
| <title></title> Puts the name of the document in the title bar |
| Body Attributes |
| <body bgcolor="?"> Sets the background color, using name or hex value |
| <body background="?"> Sets the background image |
| <body text=?> Sets the text color, using name or hex value |
| <body link=?> Sets the color of links, using name or hex value |
| <body vlink=?> Sets the color of followed links, using name or hex value |
| <body alink=?> Sets the color of links on click You can set all of the body tags in one tag as follows: <body bgcolor="white" background="http://www.adultneopians.com/guildpics/candybg1.jpg" text="black" link="blue" alink="orange" vlink="lime"> Change the colors and background to whatever you wish. |
| Text Tags |
| <pre></pre> Creates preformatted text Example: <pre>I l o v e n e o p e t s</pre> would look like: I l o v e n e o p e t s |
<hl></hl>Creates the largest headline |
<h6></h6>Creates the smallest headline |
| <b></b> Creates bold text |
| <i></i> Creates italic text |
| <tt></tt> Creates teletype, or typewriter-style text |
| <cite></cite> Creates a citation, usually italic |
| <em></em> Emphasizes a word (with italic or bold) |
| <strong></strong>
Emphasizes a word (with italic or bold) |
| <font
size=?></font> Sets size of font, from 1 to 7) |
| <font
color=?></font> Sets font color, using name or hex value Example: <font color="red">This is red</font> Looks like: This is red |
| Links |
| <a
href="URL"></a> Creates a hyperlink Example: <a href="http://www.neopets.com">Neopets</a> Looks like: Neopets |
| <a
href="URL"></a> Creates a hyperlink Example: <a href="http://www.Neopets.com/guilds/guild.phtml?oid=missphd"><img src="http://www.adultneopians.com/guildpics/raynebanner2.gif" border="0"></a> Looks like:  |
| <a
href="mailto:EMAIL"></a> Creates a mailto link Example: <a href="mailto:graphics@rayneydaze.com">Mail ME</a> Looks like: Mail Me |
| Formatting |
| <p></p> Creates a new paragraph Example: <p>Paragraph #1</p><p>Paragraph #2</p> Looks like: Paragraph #1 Paragraph #2 |
| <p align=?> Aligns a paragraph to the left, right, or center Example: <p><p align=left>Paragraph #1</p><p><p align=center>Paragraph #2</p> Looks like:
Paragraph #1
Paragraph #2 |
| <br> Inserts a line break Example: Join NEA<br>today Looks like: Join NEA today |
| <blockquote> </blockquote> Indents text from both sides Example: <blockquote>Here at Neopia Avenue Elite, we have the friendliest and most helpful people you have ever met in Neopia. You can chat with them and ask for any help if you ever need it.</blockquote> Looks like: Here at Neopia Avenue Elite, we have the friendliest and most helpful people you have ever met in Neopia. You can chat with them and ask for any help if you ever need it. |
| <div align=?> A generic tag used to format large blocks of HTML, also used for stylesheets |
| Graphical Elements |
| <img src="name"> Adds an image Example: <img src="http://www.adultneopians.com/guildpics/smallfaerie.gif"> Looks like: 
|
| <img src="name"
align=?> Aligns an image: left, right, center; bottom, top, middle Example: <img src="http://www.adultneopians.com/guildpics/smallfaerie.gif" align=center>NAE Looks like: NAE (*note the text
is centered with the image) |
| <img src="name"
border=?> Sets size of border around an image Example: <img src="http://www.adultneopians.com/guildpics/smallfaerie.gif" border=5> Looks like: |
| <hr> Inserts a horizontal rule Example: <hr> looks like: |
| <hr size=?> Sets size (height) of rule Example: <hr size=10> Looks like: |
| <hr width=?> Sets width of rule, in percentage or absolute value Example: <hr width=25%> Looks like: |
| <hr noshade> Creates a rule without a shadow Example: <hr noshade> Looks like: |
Advanced |
This section contains no examples. |
| Lists |
| <dl></dl> Creates a definition list |
| <dt> Precedes each definition term |
| <dd> Precedes each definition |
| <ol></ol> Creates a numbered list |
| <li></li> Precedes each list item, and adds a number |
| <ul></ul> Creates a bulleted list |
| Tables |
| <table></table> Creates a table |
| <tr></tr> Sets off each row in a table |
| <td></td> Sets off each cell in a row |
| <th></th> Sets off the table header (a normal cell with bold, centered text) |
| Table Attributes |
| <table border=#> Sets width of border around table cells |
| <table cellspacing=#> Sets amount of space between table cells |
| <table cellpadding=#> Sets amount of space between a cell's border and its contents |
| <table width=# or %> Sets width of table — in pixels or as a percentage of document width |
| <tr align=?> or <td
align=?> Sets alignment for cell(s) (left, center, or right) |
| <tr valign=?> or <td
valign=?> Sets vertical alignment for cell(s) (top, middle, or bottom) |
| <td colspan=#> Sets number of columns a cell should span |
| <td rowspan=#> Sets number of rows a cell should span (default=1) |
| <td nowrap> Prevents the lines within a cell from being broken to fit |