Things to Know How to load web sites with pictures onto the server. (copy onto Euclid) Know how to make tables inside of tables and colspan and rowspan. The difference between png and jpg pictures. (Lossy vs Lossless) Absolute vs relative URLs. What is a URL. How to make an imagemap. Don't forget the #. What is a kilobyte and a megabyte and a byte. 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. CENTER Puts things in the middle A with href= 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 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. Form Things to Know Put a name on almost any input field.
Know the difference between Weird input types (https://www.w3schools.com/html/html_form_input_types.asp) iFrames (http://euclid.nmu.edu/~rappleto/Classes/CS101/iFrame/Top-Bottom/) 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 document.getElementById("thing").value ... don't forget the .value Assignment uses = and not ==. document.getElementById("answer").value = "Bad data" Google maps (https://www.w3schools.com/graphics/google_maps_intro.asp) Canvas (http://euclid.nmu.edu/~rappleto/Classes/CS101/canvas-notes.html)