How to Create A Website An HTML Tutorial and CSS Tutorial PART 1 by Todd McLeod

https://en.wikipedia.org/wiki/List_of_HTTP_status_codes

When using chrome browser, click CTRL + T launches a new tab.

https://whatwebcando.today/

Seven Habits of Highly Effective People

Get in front of what's coming and let it hit you. Bill Gates

https://www.ted.com/talks/andrew_blum_what_is_the_internet_really

MDN + keyword can be a great way to search and find resources about web development online.

Codepen.io

<meta>  tags mean additional information.

The computer industry is so huge, no one can know it all.

In computer science, separation of concerns (SoC) is a design principle for separating a computer program into distinct sections, so that each section addresses a separate concern. 

From <https://en.wikipedia.org/wiki/Separation_of_concerns>

Git terminal essentials:

pwd=printing current working directory

cd=change directory

ls =list contents of current directory

clear=clear the screen
rm file-name=remove a file
rm -rf dir-name= remove a folder(-rf means remove recursivly with force untill everything is gone.)
mkdir dir-name=create a folder
cat=print out contents of a file

ls -la = list all contencts

cd ../ =going up a level

cd or cd ~ = change to home directory

git init = create a repository

git status

git add --all = add all contents in the current folder to the staging index

git add . =

git add aSingleFile = add a single file to the staging index.

git commit -m "add a comment about this commit"

git log = info about history of commit

git push -u origin master

git push

---------------------
adding a repository on github:

git init
git add README.md
git commit -m "first commit"
git remote add origin https://github.com/Li-YangZhong/ericstest.git
git push -u origin master
-------------------

avoid using space when naming a file, since space in url will be turned into %20

---------------
tips on using emmet:

after enter p or h1 or lorem and hit tab key， emmet will automatically fill up the tags for you.

ul>li*10
creating 10 <li> within <ul>

https://developer.mozilla.org/en-US/docs/Web/HTML/Element

https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Properties_Reference

padding and border no longer increase the size of an element when you apoly box-sizing: border-box to the element.

CSS Specificity Calculator:
https://specificity.keegan.st/