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.rayneydaze.com/html/images/s-stars.gif" 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 R a y n e y D a z e G r a p h i c s s</pre> would look like: I l o v e R a y n e y D a z e G r a p h i c 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.rayneydaze.com">Rayney Daze Graphics</a> Looks like: Rayney Daze Graphics |
| <a
href="URL"></a> Creates a hyperlink Example: <a href="http://www.rayneydaze.com/html"><img src="http://www.rayneydaze.com/html/images/htmlbanner.png" 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: Rayney Daze<br>Graphics Looks like: Rayney Daze Graphics |
| <blockquote> </blockquote> Indents text from both sides Example: <blockquote>Welcome to Rayney Daze Graphics HTML Help. I really hope that this helps you with your basic html questions. It is far from a complete guide but hopefully it is enough to get you started.</blockquote> Looks like: Welcome to Rayney Daze Graphics HTML Help. I really hope that this helps you with your basic html questions. It is far from a complete guide but hopefully it is enough to get you started. 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.rayneydaze.com/html/images/samplebutton.png"> Looks like: 
|
| <img src="name"
align=?> Aligns an image: left, right, center; bottom, top, middle Example: <img src="http://www.rayneydaze.com/html/images/samplebutton.png" align=center>(*note the text is centered with the image) Looks like: (*note the text is centered with the image) |
| <img src="name"
border=?> Sets size of border around an image Example: <img src="http://http://www.rayneydaze.com/html/images/samplebutton.png" 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: |
| <hr color="red"> Changes the color of the rule Example: <hr color="red"> 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 |