https://www.w3schools.com/tags/tag_meta.asp
<meta> Tag

if I want to be friends with search engine
then i'm going to want at minimum the 
next two.

descriptions
keywords

a


<media
 <link rel="stylesheet" type="text/css" href="print.css" media="print">


<link> tag
https://www.w3schools.com/tags/tag_link.asp
Media



pg.159


https://fonts.google.com/

-----------------------------------------------------------------------------------
<link href="https://fonts.googleapis.com/css?family=Marck+Script" rel="stylesheet"> 

inside the opening closing head tag

this goes inside the css

font-family: 'Marck Script', cursive;-
---------------------------------------------------------------------
Now how to setup print



notice attr media=print

<link rel = "stylesheet" href = "../printtableintroduction.css" >

I can have different setting for print

I got it working! :D

------------------------------------------------------------------------


https://www.w3schools.com/css/css_rwd_mediaqueries.asp

media queries



https://www.w3schools.com/css/css_rwd_intro.asp


responsive web design

to make web pages look good everywhere


https://www.w3schools.com/css/css_rwd_viewport.asp

viewport is meta tag

<meta name = "viewport" ~~~~~~~~~
   based on what's being shown we will change it within css

  I gotta add



~~~~~~


https://www.w3schools.com/css/css_rwd_mediaqueries.asp

Media queries

If the browser window is 600px or smaller, the background color will be lightblue:

@media only screen and (max-width: 600px) {
    body {
        background-color: lightblue;
    }
}



https://www.w3schools.com/css/tryit.asp?filename=tryresponsive_mediaquery


https://www.w3schools.com/css/tryit.asp?filename=trycss_mediaqueries_ex1



for tuesday take a look at grid view

https://www.w3schools.com/css/css_rwd_grid.asp

and images 
https://www.w3schools.com/css/css_rwd_images.asp
and videos

https://www.w3schools.com/css/css_rwd_videos.asp
----------------------------------------------------------------------------