<HTML>
<head>
<title>......</title>
<meta name= "keywords" content="description">
[meta tag is used so that search engines (AltaVista, lyco's) can reference your page]
</head>
<body>
<body bgcolor= "color">
or
<bgimg src= "url">
<font color= "color">
</font>
<H1>....</h1>
<P> paragraph
</p>
</body>
</html>
[can be used together i.e.:<em><b><I>text</I></b></em>]
[Note: <em> and <strong> are similar commands]
<em>text</em> adds emphasis
<strong>text</strong> adds strong emphasis
<B>text</b> bold
<I>text</I> italics
<li> identifies each item in a list
<ol>.....</ol> specifies ordered (numbered) list.
<ul>.....</ul> " unordered (bulleted) lists.
[EXAMPLE]
<ol>
<li>(1. TEXT)
<li>(2. text)
<li>(etc)
</ol>
[End example]
<a>...</a> anchor
<href> indicates where to jump.
[EXAMPLE]
<a href= "http://URL">
</a>
<a name="text">text</a> use to jump to certain parts of page.
[end example]
<img src= "..."> inserts image.
alt= "...." Specifies text to be displayed if image doesn't load.
border=n controls thickness of border around an image in pixels
[EXAMPLE]
<img src="url or location of image">
<img src="url" alt= "text">
[end example]
Height=n height of image in pixels
width=n width of image in pixels
[EXAMPLE]
<img src="url" alt= "text" width=200 height= 157>
[end example]
align="bottom" aligns the bottom of the image with the baseline of the current line.
align="left" allows an image to float down and over to the left margin (into the
next available space); subsequent text wraps to the right of the image.
align="middle" aligns to the middle.
align="right" aligns to the right.
align="top" aligns to the top.
hspace=n Controls the horizontal space around the image in pixels.
vspace=n Controls vertical space.
[EXAMPLE]
<p><img src="url" alt="text" align="left">
[second image]
<img src="url" alt="text" align="right">
<img src="url" alt="text" hspace=40>
[can place after sepret muilitaple images]
[end example]
[Make image into link]
[EXAMPLE]
<ul>
<li>text <a href= "url">
<img src= "url" alt= "text"> </a>
</ul>
<a><img src="url" alt="text"</a>
<ul>
<li>text <a href= "url">
<img src= "url" alt= "text" border=n> </a>
</ul>
[end example]
<img src= "url"> inserts image.
ISMAP Specifies that the image is a server-side clickable imagemap.
usemap="#mapname" ID's the pic as a clientside imagemap and specifies a map to
use for acting on the readers clicks.
[EXAMPLE]
<img alt= "text" src= "url">
<img alt= "text" src= "url" usemap="#demomap">
[end example]
<map>...</map> specifies a collection of hot spots for a client side imagemap.
name="..." Gives the map a name so that it can be referred to later.
<area> specifies the shape of a hot spot in a client side imagemap.
coords="x1, y1
x2, y2" specifies coordinates that define the hot spots shape.
href="url" Specifies the destination of the hot spots.
nohref Indicates that clicks in this region should cause no action.
shape="..." Specifies type of shape as RECT (for rectangle) CIRC (circle)
or POLY (polygon).
[EXAMPLE]
<img alt="text"
src="url"usemap="#demomap"><p>
The image above is an imagemap.<p>
<map>
</map>
</body>
</html>
[with NAME=]
<img alt="text"
src="url"usemap="#demomap"><p>
The image above is an imagemap.<p>
<map name="demomap">
</map>
</body>
</html>
[with AREA tag]
<img alt="text"
src="url"usemap="#demomap"><p>
The image above is an imagemap.<p>
<map name="demomap">
<area>
</map>
</body>
</html>
[with SHAPE=]
<img alt="text"
src="url"usemap="#demomap"><p>
The image above is an imagemap.<p>
<map name="demomap">
<area shape="rect">
</map>
</body>
</html>
[with COORDS=]
<img alt="text"
src="url"usemap="#demomap"><p>
The image above is an imagemap.<p>
<map name="demomap">
<area shape="rect" coords="208,75,345,197">[note: no spaces between coords]
</map>
</body>
</html>
[with href=]
<img alt="text"
src="url"usemap="#demomap"><p>
The image above is an imagemap.<p>
<map name="demomap">
<area shape="rect" coords="208,75,345,197" [note: no spaces between coords]
href="/shapes/square.htm">
</map>
</body>
</html>
[more area tags]
<img alt="text"
src="url"usemap="#demomap"><p>
The image above is an imagemap.<p>
<map name="demomap">
<area shape="rect" coords="208,75,345,197" [note: no spaces between coords]
href="/shapes/square.htm">
<area shape="circle" coords="118,133,60"
href="/shapes/round.htm">
<area shape="polygon"
coords="435,75,504,197,363,196"
href="/shapes/pointy.htm">
</map>
</body>
</html>
[end example]
<table>...</table> Indicates table format.
border=n controls table border width in pixels. 0 no border.
<td>...</td> indicates table data cell.
<th>...</th> indicates table headings.
<tr>...</tr> indicates table row items.
[EXAMPLE]
<table>
text text
text text
text text
</table>
[with <tr>]
<table>
<tr>text text</tr>
<tr>text text</tr>
<tr>text text</tr>
</table>
[with <th>]
<table>
<tr><th>test</th>
</tr>
<tr>text text</tr>
<tr>text text</tr>
</table>
[with <td>]
<table>
<tr><th>test</th>
</tr>
<tr><td>text</td> <td>text</td></tr>
<tr><td>text</td> <td>text</td></tr>
</table>
[with BORDER]
<table border=1>
<tr><th>test</th>
</tr>
<tr><td>text</td> <td>text</td></tr>
<tr><td>text</td> <td>text</td></tr>
</table>
[end example]
[horizontal rules]
<hr> applies a horizontal rule.
size="number" indicates how thick the rule is.
width="number" specifies an exact width in or percent(%) pixels or percent of
document width. a percentage value must appear in quotes, like
width="50%".
align="left,
center,or right" specifies the alignment; works only in combo with width.
[EXAMPLE]
<p><em><h1 align=center>text</h1></em></p>
<hr width=80% align=center>
<hr width=70% align=center>
<hr width=60% align=center>
<p>text</p>
<hr>
<p>text
<ul>
<li>text
<li>text
<li>text
</ul></p>
<hr width=200>
<hr width=400>
<hr width=200>
[end example]
<br> Breaks line; new line begins after tag.
clear="..." Requires that left, right, none, or all margins are clear
before new line starts.
[EXAMPLE]
text
text
<br>[this spot would have a space]
text
or
the cat ran after the dog,<br>
the dog ran after the cat,<br>
[end example]
mailto:yourid@youremail.address indicates a specific e-mail address for use in place of url's in the href="..." attribute in an <a> tag.
<address>...</address> Indicates address or contact info; generally appears in italics.
[EXAMPLE]
<address>
Information provided by NGinfo systems.<br>
Tulsa, OK 74114<br>
(555)555-1234
</address>
[or]
<address>
<a href="mailto:name@yahoo.com">text</a><br>
Information provided by NGinfo systems.<br>
Tulsa, OK 74114<br>
(555)555-1234
</address>
[end example]
bgcolor="#rrggbb" or specifies the color name or number of the background.
"color"
[EXAMPLE]
<body>
<body bgcolor="black'>
</body> [note: this will turn your entire background to the color specified]
[color names: aqua, black, blue, fuchsia, grey, green, lime, yellow, maroon,
navy, olive, purple, red, silver, teal, and white]
[end example]
background="..." places an image as a background.
[EXAMPLE]
<body>
<body background="fire.gif">
</body>
[end example]
text= "#rrggbb" changes color of the body text.
link= "#rrggbb" changes color of the link.
alink="#rrggbb" changes the color of the active link.
vlink="#rrggbb" changes the color of the visited link.
[EXAMPLE]
<body>
<body bgcolor="#rrggbb" text="#rrggbb">
</body>
[link color change]
<body>
<body bgcolor="#rrggbb" text="#rrggbb" link="rrggbb">
</body>
[with active link]
<body>
<body bgcolor="#rrggbb" text="#rrggbb" link="#rrggbb" alink="#rrggbb"
vlink="#rrggbb">
</body>
[end example]
align="center" centers text within the left and right margins.
align="right" aligns text to the right margin.
[EXAMPLE]
<body>
<h1 align="right">text</h1>
</body>
[graphics]
<h1 align="right"><img src="url">text</h1>
[paragraphs]
<h1 align="right"><img src="url">text</h1>
<p>text text</p>
</body>
[or]
<p align="center">text text</p>
[end example]
<font>....</font> changes the font.
color="rrggbb" colors the text based on the rrggbb number. (or insert color name)
face="...." sets the typeface name. a list of font names can be specified.
size="n" changes the font size n on a scale from 1-7.
[EXAMPLE]
<h1>text text</h>
<p>
<font>
text text text text
text text text text
text text text text
</font>
</p>
[size]
<h1>text text</h>
<p>
<font size=+2>
text text text text
text text text text
text text text text
</font>
</p>
[face]
<h1>text text</h>
<p>
<font face="gill sans, arial, courier" size=+2>
text text text text
text text text text
text text text text
</font>
</p>
[color]
<h1>text text</h>
<p>
<font face="gill sans, arial, courier"
color="#rrggbb" size=+2>
text text text text
text text text text
text text text text
</font>
</p>
[end example]
<!--- ---> indicates a comment or server command.
#include indicates to include a command file.
file="..." indicates the filename relative to the directory.
virtual="..." indicates the filename relative to the server.
#echo var=".." indicates to display the value of a varable.
date_local indicates that the varable display to display is the local date.
last_modified indicates that the variable to display in the last time the
document was changed.
[EXAMPLE]
<html>
<head><title>text</title></head>
<body>
<h1>text</h1>
<p>this paragraph is an example.
it is ment to show how something works.<b>
<!--#exec cgi="/cgi-bin/counter"--->
this is how it works.</b></p>
</body>
</html>
[end example]
<form...>...</form> encloses the entire form.
action="..." identifies what should happen to the data after the
form is submitted.
method="..." identifies methods; valid options are get or post
(one is required).
[note: you may have to contact your system administrator for info on useing these tags]
[EXAMPLE]
<form>
</form>
</body>
</html>
[action and method]
<form method="post"
action="http://www.raycom.com/cgi-bin/email?raycomm">
</form>
[end example]
<input...> identifies some type of input feild.
checked shows which item is selected by default
(check box/radio button)
maxlength=n indicates the maximum number of characters in the feild width
name="..." indicates the name of the feild.
size="..." display's field characters wide.
type="..." indicates the type of feild. valid types are:
text, password, checkbox, radio, submit, reset, file, image,
button and hidden.
value="..." indicates value of button (and the lable for submit and reset)
[EXAMPLE]
<form method="post" action="url">
<input type="submit" value="submit">
<input type="reset" value="reset"
</form>
[input]
<form method="post" action="url">
<input>
<input type="submit" value="submit">
<input type="reset" value="reset"
</form>
[checkbox]
<form method="post" action="url">
<input type="checkbox">
<input type="submit" value="submit">
<input type="reset" value="reset"
</form>
[insert what people see]
<form method="post" action="url">
<input type="checkbox">what people will see
<input type="submit" value="submit">
<input type="reset" value="reset"
</form>
[name of input feild]
<form method="post" action="url">
<input type="checkbox" name="people">what people will see
<input type="submit" value="submit">
<input type="reset" value="reset"
</form>
[text]
<form method="post" action="url">
<input type="checkbox" name="people"
value="whatpeople">what people will see
<input type="submit" value="submit">
<input type="reset" value="reset"
</form>
[multiple lines]
<form method="post" action="url">
<input type="checkbox" name="people"
value="whatpeople">what people will see
<input type="checkbox" name="what"
value="willsee">different text
[note: use for muilitaple boxes]
<input type="submit" value="submit">
<input type="reset" value="reset"
</form>
[checked]
<form method="post" action="url">
<input type="checkbox" name="people"
value="whatpeople">what people will see
<input checked type="checkbox" name="what"
value="willsee">different text
[note: use for muilitaple boxes]
<input type="submit" value="submit">
<input type="reset" value="reset"
</form>
[radio buttons]
<input>do it--it'll be funny!
<input type="submit" value="submit">
<input type="reset" value="reset">
</form>
[type indacator]
<input type="radio">do it--it'll be funny!
[name]
<input type="radio" name="prank">do it--it'll be funny!
[value]
<input type="radio" name="prank" value="do">do it--it'll be funny!
[checked]
<input type="radio" name="prank" value="do" checked>do it--it'll be funny!
[add as many radio buttons as you want but seperat them with <br>or<p>]
[size, type and name]
<input size=35 type="text" name="name">your name
[end example]
<select...>...</select> provides a list of items to select.
multiple indicates that multiple selections are allowed.
name="..." indicates the name of the feild.
size=n determines the size of the scrollable list by showing n options.
<option...> precedes each item in an option list.
selected identifies which option is selected.
value="..." indicates the value of the feild.
[EXAMPLE]
<select>
</select><p>
<input type="submit" value="submit">
<input type="reset" value="reset">
</form>
[name]
<select name="method">
</select><p>
[option]
<select name="method">
<option value="single">single balloon
</select><p>
[<select>]
<select name="method">
<option value="single">single balloon
<option value="multiple">Multiple Balloons
<option value="hose">Just use the hose.
</select><p>
[end example]
<textarea...>...</textarea> encloses a multiline text feild. the enclosed
text is the value displayed in the feild.
cols=n indicates the number of columns in the feild.
name="..." indicates the name of the feild.
rows=n indicates the number of rows in the feild.
[EXAMPLE]
<textarea>
</textarea>
<input type="submit" value="submit">
<input type="reset" value="reset">
</form>
[name]
<textarea name="comments">
</textarea><p>
[rows and cols]
<textera name="comments" rows=3 cols=40>
</textera><p>
[end example]
