[ACTIVE] FreeCodeCamp

idk man just taking the stuff and puttin it here

Building a cat photo app: Responsive web design

CatPhotoApp

CatPhotoApp

Cat Photos

See more cat photos in our gallery.

A cute orange cat lying on its back.

Cat Lists

Things cats love:

  • cat nip
  • laser pointers
  • lasagna
A slice of lasagna on a plate.
Cats love lasagna.

Top 3 things cats hate:

  1. flea treatment
  2. thunder
  3. other cats
Five cats looking around a field.
Cats hate other cats.

Cat Form

Is your cat an indoor or outdoor cat?
What's your cat's personality?

Learn Basic CSS by Building a Cafe Menu

notes, (needs to be manually updated from time to time)

-Key:


HTML 5


Elements and Syntax


Heading

Important: The implication of 

Paragraph

Commenting

Main


Important: All content within main (Headings, Paragraphs, Comments, etc) should be nested (indented two spaces further to the right of the element they are nested in)


Ex: <main>

      __Content

      </main>


Images

Anchor


Important: You can utilize anchor within other elements 

Ex: <p>See more <a href=”(URL)”>photos</a> in our gallery.<p>


Explanation: In the above example, the hyperlink is embedded into the word      

“photos” within the paragraph.


Ex: <a href=”example-link”>
        <img src=”image-link.jpg” alt=”A photo.”>

                              </a>


Explanation: In the above example, the image is wrapped in the anchor element, 

making it so the image embodies the hyperlink


Section

Ordered List/Unordered List

Figure/Fig Caption

Emphasis/Strong

Form and the types of input

Head

HTML


IMPORTANT: All DOCUMENTS SHOULD BEGIN WITH <!DOCTYPE html>
BECAUSE IT ACTS AS A DECLARATION AND ENSURES THE BROWSER
TRIES TO MEET INDUSTRY-WIDE SPECIFICATIONS. <!DOCTYPE html> 

ALSO TELLS THE BROWSER THAT THE DOCUMENT IS HTML 5 



CSS