html and css introduction

TheOdinProjectNotes.md

@@ -5,7 +5,7 @@
 - ask questions directly instead of asking to ask ie. "are there any java experts around?"
 
 ## Git
-# Set up Git
+### Set up Git
 - Set username and email
 ```
 git config --global user.name "username"
@@ -28,7 +28,7 @@ git config --global pull.rebase false
 git config --get user.name
 git config --get user.email
 ```
-# Create an SSH Key for repos
+## Create an SSH Key for repos
 - SSH keys are good for avoiding retyping credentials every time
     - Check to see if there is an existing ssh key
 ```
@@ -41,7 +41,7 @@ ssh-keygen -t ed25519 -C <youremail>
 ```
 - press enter when asked for what location to store it unless you have a specific location
 - add a passphrase and retype it
-# Link SSH key to Git
+## Link SSH key to Git
 - Find the ssh key input on GitHub or repository website of your choice
 - Click on new ssh key and give it a name and leave the window open for the next steps
 - Copy the public SSH key
@@ -49,7 +49,7 @@ ssh-keygen -t ed25519 -C <youremail>
 cat ~/.ssh/id_ed25519.pub
 ```
 - Paste the key into your settings, it should start with ```ssh-ed25519``` and end with your email
-# Change git repository remote
+## Change git repository remote
 ```
 git remote set-url origin https://'username':'password'@repositorylink
 ```
@@ -64,12 +64,28 @@ git remote set-url origin https://'username':'password'@repositorylink
 - After creating a file you can use ```git add <filename>``` to add that specific file or ```git add .``` to add all files within the directory that are not on the repo
 - We can push the changes to the cloud repository with ```git push origin main```, origin being the remote location and *main* being the branch to upload to
   - Make sure to only push working code
-# Git Best Practices
+### Git Best Practices
 - Atomic commits
   - A commit that includes changes related to only one feature or task of your program.
     - Easily reversible if the commit causes breaking changes
     - Enables you to write more specific commit messages
-# Changing the Git Commit Message Editor
+### Changing the Git Commit Message Editor
 - Typing ```git config --global core.editor "code --wait"``` into the terminal will give you the option to use either ```git commit -m <your message here>``` or ```git commit``` without anything extra.
 
 ## Introduction to HTML And CSS
+- What is HTML?
+  - Stands for **Hypertext Markup Language**
+  - It's the raw data that a webpage is built out of. Includes:
+    - text
+    - links
+    - cards
+    - lists
+    - buttons
+- What is CSS?
+  - Stands for **Cascading Style Sheets**
+  - It's the styling of the HTML page
+    - Controls colors
+    - Controls Positioning of text and font
+- HTML and CSS are ***not*** programming languages, technically speaking because they only present information and are not used to compute any logic
+- JavaScript would be a programming language that leverages both HTML and CSS
+-