Notes:

-Font-size: numberpx; = can be specified in style tags

-Font-family: Font name; = font type in style tags

-link to download Lobster font from google <link href=”https://fonts.googleapis.com/css?family=Lobster&#8221; rel=”stylesheet” type=”text/css”>

Followed by font-family function

-add second “default font” after the first if the first isn’t available.

-<img src=https://bit.ly/fcc-relaxing-cat> an example of an image tag- put in the order for it to show up

-add “alt” as a caption in the img tag

– this is to specify image size=

.smaller-image {

   width: 100px;}

-class for border: .thick-green-border {

   border-color: green;

   border-width: 10px;

   border-style: solid;

-make sure when you add another class its in the quotes and there’s just a space

-border-radius: numberpx; for rounded corners

-border-radius: percentage%; for circle corners

-<a href=”http://freecatphotoapp.com”&gt; “Click Here” </a> = to make an anchor for a link

-<a href=”#”></a> = nest stuff u want the cursor to hover over with a link

-<ul> <li> milk</li> </ul> = Unordered list outside item tags

-<p>Top 3 things cats hate:</p>

<ol>

 <li>water</li>

 <li>water</li>

 <li>water</li>

</ol>

Ordered list nested within a title

<input type=”text” placeholder=”this is placeholder text”> = this is for a search bar with the type specified and a placeholder text

-<form action= “/submit-cat-photo”><input type=”text” placeholder=”cat photo URL”></form> = put before a submit button after server is ready to send info to the internet

-<button type= “submit”>Submit</button> put this in the form tags

-put “required” right after input to require a response

-<label><input type=”radio” name=”indoor-outdoor”> Outdoor</label> = this means a radio button

-<label><input type=”checkbox” name=”personality”> Loving</label>=this is a checkbox

-add “checked” after the name of the button to default check

Discussion:

-CS251 at Purdue goes over Data Structures and algorithms, it’s a more “advanced” CS 159 in Java

-Coursera also does that course= summer goal!

-Having gone through the learning curve of HTML, perhaps changing platforms would be better to learn code because codecamp requires hundreds of hours of training still, to get a project

-Data structures and algorithms focuses on higher level ways to deal with data, it doesn’t care what is in the data…just how to store and most efficiently store it

-Data analytics is based on what is in the data and knowing which variables to look at in order to make a decision

-Both subjects are necessary to effectively use data to innovate or optimize

Advertisements