HTML Notes

HTML Scratch Sheet Notes

Doctype specifications

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

Lists

Item one
Item two
Item three

<ul>
<li>Item one</li>
<li>Item two</li>
<li>Item three</li>
</ul>

Item one
Item two
Item three

<ul type="circle">
<li>Item one</li>
<li>Item two</li>
<li>Item three</li>
</ul>

Level I
1. Level IA
2. Level IB
3. Level IC
Level II
Level III

<ol type="I">
<li>Level I
<ol type="A">
<li>Level IA</li>
<li>Level IB</li>
<li>Level IC</li>
</ol>
</li>
<li>Level II</li>
<li>Level III</li>
</ol>

CSS link tag

http://www.comfsm.fm/~dleeling/cis/blue.css

CSS Web Sites

http://www.htmlhelp.com/reference/css/properties.html

Basic stylesheet: blue.css

body {background-color: white}
a:link {color: blue }
a:visited {color: teal }
a:active {color: red }
h1 { font-family: Verdana, Arial, Helvetica; color: #0066CC }
h2 { font-family: Verdana, Arial, Helvetica; color: #0099CC }
h3 { font-family: Verdana, Arial, Helvetica; color: #339999 }
h4 { font-family: Verdana, Arial, Helvetica; color: #33CC66 }
h5 { font-family: Verdana, Arial, Helvetica; color: #00CC33 }
h6 { font-family: Verdana, Arial, Helvetica; color: #00CC00 }
p { font-family: Verdana, Arial; font-size: smaller }
ol { font-family: Verdana, Arial; font-size: medium }
ul { font-family: Verdana, Arial; font-size: smaller }
li { font-family: Verdana, Arial }

There are a lot of options for each of the tag types. An alternative body tag that loads an image called micbgapd32.gif from a subfolder called mic and then floats it behind the foreground text:
body { background: white url(mic/micbgapd32.gif) no-repeat fixed center 33%}

Colors

The 16 keywords are taken from the Windows VGA palette: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow.

Plus the hexadecimal color codes...

Metatags: Information about the page