June 1, Notes

HTML and CSS
We are building webapps
one purpose webapps are fun

in html, white spaces are ignored (well, they are condensed down to one space).
html tags need to be opened and closed. <tag></tag>. when nesting, ident two spaces.
codepen to write and see hteml/css
<title><title> what shows up in search tab
header tags, 1 - 6
html = hypertext markup language

a <ul> tag is an unordered list.  to get a bulleted list, put <li> nested into side <ul></ul>
to get a numbe instead of bullets, change <ul> to <ol>
a <a> tags gives you a link
<a href = "link"></a>
<img src = "image url"></img>
to change the image size: <img src = "image url" height =200px></img>

in atom, make a file name with extension html => file.html
file:///Users/masonfmatthews/Desktop/class_website.html  to access it on the web
(make sure local host is running)

a <p> acts like a typography text because it givses you space bfore and after it
a div gives you a break before and a break after.
a span...does what??

A paragraph  <p></p>
A div       <div></div>
A span      <span></span>
An image    <img src=" >
An unordered list <ul></ul>
A header  <h1><h1>
An embedded video  


CSS
by default everything gets a slice fo the page
style attrribute can go inside the tag, but better to make a separate file for it
W3schools for colors by name
classic color meter from the app store
id = "word" in tag, to refer to it in css:  #word { }
the point of an id is that there can only be one thing on the page with that id
class you can put on as many things on the page as you want to.
class = "word", refer to it in CSS as .word