Things to Know


Know how to make tables with and colspan and rowspan.

Absolute vs relative URLs.
What is a URL.
What is a kilobyte and a megabyte and a byte.
Really basic copyright stuff.
Very basic how Google works.

Basic HTML Tags
	IMG with height= width= src= title= alt= usemap=
	IMGs scale when you change either height or width

	BODY with background= bgcolor=
	Only one body per document.

	FONT with size= and face=
	Why CSS is better than font tags

	P with align=
	Makes a paragraph.  Can set alignments.  Don't forget justified.

	BR
	Makes a line break.  Does not make a paragraph.  The difference is indenting and CSS.

	CENTER
	Puts things in the middle

	A with href= and target=_blank
	Can make a link from a picture too

	UL and OL with type= and LI
	Sublists also.

	TABLE with border= width= background= bgcolor=
	TR and TD and TH with colspan= rowspan= background= bgcolor=

Image Maps
	http://www.howtocreate.co.uk/tutorials/html/imagemaps
	MAP and AREA
	Know shape=rect,circle,polygon
	Know how to make a you-missed page
	Don't forget the # sign
	
CSS Things To Know
	There are three places to put CSS content.  At the top, in a seperate file, and style=
	Remember that in CSS it's not = it's :.  Never WIDTH=3, always WIDTH:3
	Know how to look things up .. there are too many to remember.
	Know how to write and read selectors
		P { color:red } <-- change all 'p' tags to red
		.P { color.red } <-- change everything in the class 'p' to red
		IMG:hover { width:100}  <-- effects images only when you hover over them
	Know the CSS box model (https://www.w3schools.com/css/css_boxmodel.asp)
	Know CSS borders (https://www.w3schools.com/css/css_border.asp)
	CSS is important

Form Things to Know
	Almost always .. only one form per page.
	<form action=....name of a program on a server>
	Put a name on almost any input field.  If it doesn't have a name, the data is not correctly sent to the server.
	<input>
	<input type=radio>
	<input type=checkbox>
	<input type=password>
	<textarea>default</textarea>
	<select>
		<option selected>Choice 1
		<option>Choice 2>
	</select>
	Know about optgroup (https://www.w3schools.com/tags/tag_optgroup.asp)
	placeholder=
	value=
        Weird input types (https://www.w3schools.com/html/html_form_input_types.asp)

Regular Expressions
	abc - matches an 'a', then a 'b', then a 'c'
	abc* -- matches 'ab', 'abc', 'abcc', 'abcccccccc'
	abc? -- matches 'ab' or 'abc'
	[abc] -- matches either an 'a' or a 'b' or a 'c'.  Length ONE.
	[a-z] -- matches lowe case letters
	<input pattern="abc" title="Enter the right thing>
	
Javascript Things To Know
	Events like onchange, onclick and onkeyup
	Code like if, else.
	Conditions like 
		a < 10 && a > 20 || a == 4.
		Remember, it's not = it's ==
		Remember && is and, || is or
	Math uses 'my dear aunt sally' (i.e. 1+2*3 is 7, not 9)
	document.getElementById("thing").value ... don't forget the .value
	document.getElementById("thing").innerHTML for div's span's paragraphs ... don't forget the .innerHTML
	Assignment uses = and not ==.
		document.getElementById("answer").value = "Bad data"
	Stay calm and use the console to look for errors.
	One way to verify data
	   if (document.getElementById("thing").value > 100)
	   {
	        document.getElementById("thing").style.backgroundColor = "red";
	   }
	   else
	   {
	        document.getElementById("thing").style.backgroundColor = "red";
	   }