HTML Template and Quick Reference


HTML Templates

Simple HTML Page

<HTML>
<HEAD>
 <TITLE>Title Name</title>
</head>
<BODY BGCOLOR=#FFFFFF BACKGROUND=marbel.jpg ALINK=#8080FF LINK=#0000FF VLINK=#404080 TEXT=#000000 >
  <! Replace this tag with your page content >
</body>
</html>

Complete - with many optional Tags

<HTML>
<HEAD>
 <TITLE>Title Name</title>
 <BASE HREF=http://abc.com/ TARGET=>
 <LINK REL=STYLESHEET HREF= TYPE=text/css >
 <META HTTP-EQUIV=REFRESH CONTENT=5>
 <META NAME=KEYWORDS CONTENT='apples bananas carrots'>
 <STYLE TYPE="text/css">
  <!--
   H2 {color:green}
   H3 {color:blue}
  -->
 </style>
</head>
<BODY BGCOLOR=#FFFFFF BACKGROUND=marbel.jpg ALINK= LINK= VLINK= TEXT= >
<H1>This is the biggest Heading</h1>
Special characters
" &#34; &quot;
& &#38; &amp;
< &#60; &lt;
> &#62; &gt;
  &#160; &nbsp;
¢ &#162; &cent; 		§ &#167; &sect;
© &#169; &copy;
® &#174; &reg;
° &#176; &deg;
± &#177; &plusmn;
² &#178; &sup2;
³ &#179; &sup3; 		³ &#179; &sup3;
µ &#181; &micro;
¶ &#182; &para;
¼ &#188; &frac14;
½ &#189; &frac12;
× &#215; &times;
÷ &#247; &divide; 		† &#8224; &dagger;
‡ &#8225; &Dagger;
• &#8226; &bull;
™ &#8482; &trade; 

<A HREF= NAME= TARGET= > 
<IMG SRC= ALIGN= ALT= BORDER= HEIGHT= WIDTH= LOWSRC= SUPPRESS=TRUE|FALSE >
<HR ALIGN= COLOR= NOSHADE SIZE= WIDTH= >
<DL>
 <DT>
 <DD>
</dl>

<TABLE ALIGN= BACKGROUND= BGCOLOR= BORDER= SUMMARY= WIDTH= >
 <CAPTION>   </caption>
 <TR> <TH></th> <TH></th> </tr>
 <TR ALIGN= BGCOLOR= > <TD></td> <TD></td> </tr>
 <TR ALIGN= BGCOLOR= > <TD></td> <TD></td> </tr>
</table>
Obscure TABLE tag elements: CELLPADDING CELLSPACING HSPACE VSPACE HEIGHT 
Dubious TABLE element FRAME =VOID BOX BORDER ABOVE BELOW LHS RHS HSIDES VSIDES

</body>
</html>

CSS Style Sheets

Example of CSS statement and use in HTML
div.box { border: solid; border-width: thin; width: 100% }
<div class="box">
The content within this DIV element will be enclosed
in a box with a thin line around it.
</div>

Home | West Papua