Codeslinger Sheet                    







Links of interest

HTML Online Tutorials
Webmonkey
Maracopa Center
Goodies
W3schools


Color Charts
Doug's Homepage
Lynda Weinman
Webmonkey
Homepage

HTML lessons


Explaining simple tags
Explaining simple tags2
Explaining simple tags3
Browsers and Notepad
Playing with Fonts
Colors and Tags
Learning to Link
Inching through Images
Inching a Bit More with Images
Terrific Tables to Try
Building Borders
Wrapping Text
Terrific Tables Two
Color
Pat's Web Page
Making Lists Long and Short
The Mail Command
Basic Frames
Making Forms
Making More Forms
Making Buttons One
Making Buttons Two
IFrames
Appendix

Beginning tags


<html></html>
Creates HTML document

<head></head>
Creates header line at the very top of page

<body></body>
Opens the visible portion of page

Header tag

<title></title>
Puts the name of the document in the title bar


Body and text tags

<body bgcolor="#nnnnnn"></body>
Background color of page

<body text="#nnnnnn"></body>
Chooses text color

Body Link="#nnnnnn"
Sets the colors of links

<body vlink="#nnnnnn"></body>
Sets color of followed links

<body alink="#nnnnnn"></body>
Sets color of links after clicking

<pre></pre>
preformatted text

<h1></h1>
Creates largest possible heading

<h6></h6>
Creates smallest possible heading
<b></b>
bolds text

<i></i>
italic text

<tt></tt>
typewriter text (ugh)
<cite></cite>
cites text usually in italics

<em></em>
bold or italic text EMphasize

<strong></strong>
bold or italic text

<font size=(value of 1-7; or +n; -n)></font>
bolds text

<font face=></font>
bolds text

<font color></font>
bolds text


Links

<a href="URL"></a>
Creates hyperlink

<a href="mailto:emailaddress"></a>
Creates mailto link

<a name="name"></a>
Targets location name within a document

<a href="NAME"></a>
Links to target name from within a document


Formatting Tags

<p></p>
Creates a new paragraph and leaves line space. Needs no ending tag.

<p align=?></p>
Aligns a paragraph to the left, right, or center

<br>
Inserts a line break

>blockquote>>/blockquote>
Indents text from both margins.

<dl></dl>
Creates a definition list

<dt>
Precedes each definition term

<dd>
Precedes each definition.

<ol></ol>
Creates a numbered list.
Type=A (capital letters), a (small letters),
I (capital Roman numerals), i (small Roman numerals), 1 (numbers,also default)

<li>/li>
Put before each list item. It will add a number automatically.

<ul></ul>
Creates a bullet list.

Graphical Elements

<img src="address">
Adds an image.

<img src="address" align=?> Aligns an image: left, right, center,top, bottom,middle

<img src="address" border=?>
Sets the size of a border around an image.

<hr>
Inserts a horizontal rule.

<hr size=?>
Sets the height of rule.

<hr width=?>
Sets the width of rule, in % or pixels.

<hr no shade>
Creates a rule without a shadow.

Tables

<table></table>
Creates a table.
<tr></tr>
sets off one row of a table.

<td></td>

<th></th>
Sets the header table off with bold centered text.

Table Attributes

<table border=#>
Sets width of borders of table.

<table cellspacing=#>
Sets space between cells.
<table cellspadding=#>
Sets space between the cell's border and content.

<table width=# or %>
Table width in pixels or %.

<tr align=?>
<td align=?>

Sets alignment for cells and rows.

<tr valign=?> or <td=valign=?>
Sets vertical alignment for cells: left, center, right.