Chapter 1: HTML

|A-C |D-F |G-I |J-L |M-O |P-R |S-U |V-Z |Color Chart |Code Chart |

HTML is the foundation of everything that is viewed on the world wide web (Well at least when the average person thinks about the web). For any Web Alcolyte, learning HTML is the first and most important thing they need to do. With out HTML, you really can not present a web page or more importantly web applications to a browser. Remember this is not for the beginner. It is meant for the Web Master as a reference. HTML is the UI code for the web.

HTML Demo Template One: 
<html><head>
		<title>The Title Here</title>
		<meta tags>
		<script language=javascript></script>
</head><body>
	<h1>HEADER 1</h1>
		<h2>HEADER 2</h2>
			<h3>HEADER 3</h3>
				<h4>HEADER 4</h4>
						<h5>HEADER 5</h5>
<center><h6>HEADER 6</h6></center>
	<hr>
	<p>A paragraph of information</p>
	<table><tr><td colspan=2>
		<img src="someimage.gif">Some Text<br>
		<a href="somepage.html">Click Here!</a>
	</td></tr><tr><td>
		<ul>	<li>item of one of list
			<li>item of two of list
			<li>item of three of list 	</ul>
		<br>This is a forced break between things
		<ol>	<li>item one
			<li>item two 			</ol>
		<dl>	<dt>Item to be defined
			<dd>The definition		</dl>
	</td><td>
		<b>Bold Text</b>
		<i>Italic Text</i>
		<u>Underlined text</u>
		<blink>blinking text</blink>
		<tt>type writer text</tt>
		<pre>Preformated text</pre>
		<strike>Strike test</strike>
	</td></tr></table>
	<!--- A comment Here --->
</body>
</html>
HTML Demo Template One: 
<html><head>
		<title>The Title Here</title>
			<meta name="description" content="">
        	<meta name="keywords" content="">
		<script language=javascript></script>
		<base href="URL">
</head>
<body background="sandston.gif" text="#000000" link="#0000FF" VLINK="#FF0000" >
	<bgsound loop=yes src="thewave.wav">
	<font size=6 color=red face=arial>A font HERE.</font>

	<hr width=50% size=10 noshade>

	<a href="#place">Link to some Place</a>

	<a href=mailto:"you@someISP.com">Email Me</a>

	<table border=2 width=50% height=100 ><tr><td colspan=2 valign=top>
		<img src="someimage.gif" align="center"   alt="This will be an image"
		border=1 height=2 width=3 dynsrc="..."  hspace=...
		ismap    loop=... start=...   usemap vspace=...   >
	</td></tr><tr><td>
		<abbrev>Abbreviated Text</abbrev>
		<acronym>Acronym of Some Sort</acronym>
		<big>Big Text</big>
		<blockquote>A Blockquote of Some Kind.</blockquote>
		<caption>Caption Here</caption>
		<cite>Some Sited text</cite>
		<del>Deleted Text</del>
		<dfn>Some thing important</dfn>
	</td><td>
		<address><li>An Address
			<li>Another Item</address>
		<dir><li>directory item
			<li>directory item 2</dir>
		<em>Emphasized Text</em>
	</td></tr></table>

<form method=post action=mailto:pieseczek@hotmail.com><font color=white>
	<b>From:</b><input type=text name="From:" size="32">
	<b>Subject:</b><input type=text name="subject" size="32">
	<b>Date:</b><input type=text name="date" size=32>
	<input type=submit value="Submit"><input type=reset>
	<textarea name="message" rows=12 cols=64></textarea>
	<input type=radio value="">
	<select Name="name" Size="N" Multiple">
		<option Value="string">
		</select>
	<input type=checkbox>
</form>

	<img src="aName.gif" border=0 usemap="#sidebar" alt="someimage">
        <map name="sidebar">
        <area shape="rect" coords="17,3,160,24" href="main.html" target=frame3>
        </map>

<a name="place">
</body>
</html>
|A-C |D-F |G-I |J-L |M-O |P-R |S-U |V-Z |Color Chart |Code Chart |
HTML Tags Reference
|A-C |D-F |G-I |J-L |M-O |P-R |S-U |V-Z |Color Chart |Code Chart |
HTML Color Codes:
F0 F8 FF aliceblue

FA EB D7 antiquewhite

00 FF FF aqua

7F FF D4 aquamarine

F0 FF FF azure

F5 F5 DC beige

FF E4 C4 BISQUE

00 00 00 black

FF EB CD BlanchedAlmond

00 00 FF blue

8A 2B E2 Blueviolet

A5 2A 2A brown

DE B8 87 Burlywood

7F FF 00 chartreuse

64 95 ED cornflowerblue

DC 14 3C crimson

00 FF FF cyan

00 8B 8B darkcyan

A9 A9 A9 darkgray

00 64 00 darkgreen

BD B7 6B darkkhaki

55 6B 2F darkolivegreen

FF 14 93 darkpink

8B 00 00 darkred

B2 22 22 firebrick

FF FA F0 floralwhite

22 8B 22 forestgreen

FF 00 FF fuchsia

FF D7 00 gold

DA A5 20 goldenrod

80 80 80 gray

00 80 00 green

AD FF 2F greenyellow

F0 FF F0 honeydew

FF 69 B4 hotpink

CD 5C 5C indianred

4B 00 82 indigo

FF FF F0 ivory

F0 E6 8C khaki

E6 E6 FA lavrender

FF F0 F5 lawngreen

FF FA CD lemonchiffon

AD D8 E6 lightblue

FF FF E0 lightyellow

00 FF 00 lime

FF 00 FF magenta

80 00 00 maroon

93 70 D8 mediumpurple

48 D1 CC mediumturquoise

FF E4 B5 moccasin

FF DE AD navajowhite

00 00 80 navy

FD F5 E6 oldlace

80 80 80 olive

6B 8E 23 olivedrab

FF A5 00 orange

98 FB 98 palegreen

EE EF D5 papyawhip

FF C0 CB pink

DD A0 DD plum

B0 E0 E6 powderblue

80 00 80 purple

FF 00 00 red

BC 8F 8F rosybrown

41 69 E1 royalblue

FA 80 72 salmon

F4 A4 60 sandybrown

2E 8B 57 seagreen

C0 C0 C0 silver

87 CE EB skyblue

6A 5A CD slateblue

46 82 B4 steelblue

D2 B4 8C tan

00 80 80 teal

FF 63 47 tomato

40 E0 D0 turquoise

EE 82 EE violet

F5 DE B3 wheat

FF FF FF white

CC CC CC Web Gray

F5 F5 F5 whitesmoke

FF FF 00 yellow

9A CD 32 yellowgreen

|A-C |D-F |G-I |J-L |M-O |P-R |S-U |V-Z |Color Chart |Code Chart |
Special Character Codes
    CODE       Your Brouser    MAC          PC
& l t ;         <              see->        *less then sign
& g t ;         >              see->        *greater then sign
& r e g ;       ®                           *this is a netscape mnemonic
& c o p y ;     ©                           *this is a netscape mnemonic
& n b s p ;      
& # 0 3 4 ;     "              see->        *horitontal quotes
& # 0 3 8 ;     &              see->        *And percent
& # 0 4 7 ;     /              see->        *back slash
& # 0 5 9 ;     ;              see->        *semi-colon
& # 0 6 0 ;     <              see->        *less-then
& # 0 6 2 ;     >              see->        *greater-then
& # 0 6 4 ;     @              see->        *at
& # 0 9 4 ;     ^              see->        *
& # 0 9 6 ;     `              see->        *single quote
& # 1 2 6 ;     ~              see->        *approx.
& # 1 6 1 ;     ¡              see->        *dif lowercase i
& # 1 6 2 ;     ¢              see->        *cent sign
& # 1 6 3 ;     £              see->
& # 1 6 4 ;     ¤              see->
& # 1 6 5 ;     ¥              see->
& # 1 6 6 ;     ¦              *solid       *broken horizontal line
& # 1 6 7 ;     §              see->
& # 1 6 8 ;     ¨              see->
& # 1 6 9 ;     ©              see->        *copy right
& # 1 7 0 ;     ª              *underlined a*just a(but very small)
& # 1 7 1 ;     «              see->
& # 1 7 2 ;     ¬              see->
& # 1 7 3 ;     ­              see->
& # 1 7 4 ;     ®              see->        *rights reserved
& # 1 7 5 ;     ¯              just shorter *a dash
& # 1 7 6 ;     °              see->
& # 1 7 7 ;     ±              see->
& # 1 7 8 ;     ²              just bigger  *2 subscript
& # 1 7 9 ;     ³              just bigger  *3 subscript
& # 1 8 0 ;     ´              see->
& # 1 8 1 ;     µ              see->
& # 1 8 2 ;     ¶              see->
& # 1 8 3 ;     ·              see->
& # 1 8 4 ;     ¸              see->
& # 1 8 5 ;     ¹              just diff.   *1 subscript
& # 1 8 6 ;     º              underlined   *0 subscript
& # 1 8 7 ;     »              see->
& # 1 8 8 ;     ¼              *
& # 1 8 9 ;     ½              *
& # 1 9 0 ;     ¾              *
& # 1 9 1 ;     ¿              see->
& # 1 9 2 ;     À              see->
& # 1 9 3 ;     Á              see->
& # 1 9 4 ;     Â              see->
& # 1 9 5 ;     Ã              see->
& # 1 9 6 ;     Ä              see->
& # 1 9 7 ;     Å              see->
& # 1 9 8 ;     Æ              see->
& # 1 9 9 ;     Ç              see->
& # 2 0 0 ;     È              see->
& # 2 0 1 ;     É              see->
& # 2 0 2 ;     Ê              see->
& # 2 0 3 ;     Ë              see->
& # 2 0 4 ;     Ì              see->
& # 2 0 5 ;     Í              see->
& # 2 0 6 ;     Î              see->
& # 2 0 7 ;     Ï              see->
& # 2 0 8 ;     Ð              *
& # 2 0 9 ;     Ñ              see->
& # 2 1 0 ;     Ò              see->
& # 2 1 1 ;     Ó              see->
& # 2 1 2 ;     Ô              see->
& # 2 1 3 ;     Õ              see->
& # 2 1 4 ;     Ö              see->
& # 2 1 5 ;     ×              see->
& # 2 1 6 ;     Ø              see->
& # 2 1 7 ;     Ù              see->
& # 2 1 8 ;     Ú              see->
& # 2 1 9 ;     Û              see->
& # 2 2 0 ;     Ü              see->
& # 2 2 1 ;     Ý              *
& # 2 2 2 ;     Þ              *
& # 2 2 3 ;     ß              see->
& # 2 2 4 ;     à              see->
& # 2 2 5 ;     á              see->
& # 2 2 6 ;     â              see->
& # 2 2 7 ;     ã              see->
& # 2 2 8 ;     ä              see->
& # 2 2 9 ;     å              see->
& # 2 3 0 ;     æ              see->
& # 2 3 1 ;     ç              see->
& # 2 3 2 ;     è              see->
& # 2 3 3 ;     é              see->
& # 2 3 4 ;     ê              see->
& # 2 3 5 ;     ë              see->
& # 2 3 6 ;     ì              see->
& # 2 3 7 ;     í              see->
& # 2 3 8 ;     î              see->
& # 2 3 9 ;     ï              see->
& # 2 4 0 ;     ð              *
& # 2 4 1 ;     ñ              see->
& # 2 4 2 ;     ò              see->
& # 2 4 3 ;     ó              see->
& # 2 4 4 ;     ô              see->
& # 2 4 5 ;     õ              see->
& # 2 4 6 ;     ö              see->
& # 2 4 7 ;     ÷              see->
& # 2 4 8 ;     ø              see->
& # 2 4 9 ;     ù              see->
& # 2 5 0 ;     ú              see->
& # 2 5 1 ;     û              see->
& # 2 5 2 ;     ü              see->
& # 2 5 3 ;     ý              *
& # 2 5 4 ;     þ              *
& # 2 5 5 ;     ÿ              see->
|A-C |D-F |G-I |J-L |M-O |P-R |S-U |V-Z |Color Chart |Code Chart |

|Back To Top |Table of Contents |Glossary |Index |Online Reference's |The Author |
Copyright © 1999, David J Kelley ®

1