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