HTML - CSS - JavaScript
W3C School
PNG Graphic Format
Hex Color Codes
JavaScript (Detailed!)
World Wide Web Consortium (W3C)
W3C - HTML 4.01 Specification
W3C - CSS Level 2 Specification
W3C Schools
W3C Tutorials
HTML/CSS Validator
Web Reference
Web Design Group
HTML Color
Better Web Color
Javascript Source
Matt's Script Archive
W3C PHP Reference
Stack Overflow
Open Source Web Design
A List Apart
Zen Garden
Dynamic Drive
Browser Shots
Net Renderer

Symbols
&#59;;semicolon
“left double quote
”right double quote
	 horizontal tab
##number sign
$$dollar sign
%%percent sign
&&ampersand
((left parenthesis
))right parenthesis
**asterisk
++plus sign
//slash
&#60;<less-than sign
&#61;=equals sign
&#62;>greater-than sign
&#64;@at sign
&#162;¢cent sign
&#167;§section sign
&#169;©copyright
&#174;®registered trademark
&#176;°degree sign
&#177;±plus or minus
&#178;²superscript two
&#179;³superscript three
&#188;¼one-fourth
&#189;½one-half
&#190;¾three-fourths
Symbols Reference
CSS Bits

Margins

Something
margin: 5px;
5px margin on all 4 sides
margin: 10px 5px;
10px top and bottom, 5px left and right
margin: 10px 5px 15px;
10px top, 5px left and right, 15px bottom
margin: 10px 5px 15px 20px;
10px top, 5px right, 15px bottom, 20px left
placeholder
Lists
Unordered List

Bullet Styles

<ul type="disc"><li>round bullets</li><ul>
<ul type="circle"><li>circles</li><ul>
<ul type="square"><li>square bullets</li><ul>

References

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
  • Coffee
  • Milk
Ordered List
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
  1. Coffee
  2. Milk
Definition List
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
Coffee
Black hot drink
Milk
White cold drink
Meta Tags
Style Sheet
<link rel="stylesheet" type="text/css" href="htmlcss.css" media="screen">
Internal Page Links

The old <a name> way of making internal page links is now obsolete.   The new way is to specify an "id" name inside a hyperlink tag and then reference that name in the desired location.  Example below:

<html> <body>
<h2><a id="top">Some Heading</h2>
<p>Lots of text....</p>
<a href="#top">Go To Top</a>
</body></html>
CSS:  ID vs Class Selectors
ID Attributes:
Identified by a "#" symbol at the beginning of the name
Must not start with a number
Should only be applied once on a page
Class Attributes:
Identified by a "." symbol at the beginning of the name
Can be use many times on a page
Can be used in conjunction with an ID selector
CSS Definition Example:
#header {text-align: center; color: green;}
.image {border: 5px;}
em.small {font-size: .6em;}
HTML Use Example:
<html>
<head><title>Example</title></head>
<body>
<div id="header">Big Fancy Title</div>
<div><img class="image" src="photo1.jpg"></div>
<div><p><a href="http://www.lipsum.com/"> Lorem ipsum</a>
dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt ut labore et dolore
<em class="small">magna aliqua</em></p></div>
<div><img class="image" src="photo2.jpg"></div>
</body>
</html>