diff --git a/TheOdinProjectNotes.md b/Markdown/TheOdinProjectNotes.md similarity index 84% rename from TheOdinProjectNotes.md rename to Markdown/TheOdinProjectNotes.md index 5fed980..c58bf8c 100644 --- a/TheOdinProjectNotes.md +++ b/Markdown/TheOdinProjectNotes.md @@ -143,3 +143,45 @@ git remote set-url origin https://'username':'password'@repositorylink ``` #### Body Element +- All content will be displayed to users inside of this tag +```HTML + + + + + My First Webpage + + + + + +``` +#### Viewing HTML Files in the Browser +- You can drag and drop an HTML file into the browser and it will open up the page +- You can also use a preview extension that will open a browser window +- In Ubuntu you can use the command `google-chrome index.html` to open it as well +- Using `

` for the heading can render out a title on the page +```HTML + + + + + My First Webpage + + + +

Hello World!

+ + +``` +- **VSCode can generate the entire boilerplate by entering `!` into a blank `.html` document** +## Working With Text +### Paragraphs +- If text is not preceded by a `

`, then it will all clump together as one large body of text +- ![](images/chrome_dnDCL9ylH1.png) +- ![](images/chrome_r0YaBjn2YV.png) +### Headings +- These use the `` tag where `x` is the number that changes the font + - `

` is the smallest font +- ![](images/chrome_drT4PQKjhb.png) +- \ No newline at end of file diff --git a/Markdown/images/chrome_dnDCL9ylH1.png b/Markdown/images/chrome_dnDCL9ylH1.png new file mode 100644 index 0000000..05f839d Binary files /dev/null and b/Markdown/images/chrome_dnDCL9ylH1.png differ diff --git a/Markdown/images/chrome_drT4PQKjhb.png b/Markdown/images/chrome_drT4PQKjhb.png new file mode 100644 index 0000000..1421f3b Binary files /dev/null and b/Markdown/images/chrome_drT4PQKjhb.png differ diff --git a/Markdown/images/chrome_r0YaBjn2YV.png b/Markdown/images/chrome_r0YaBjn2YV.png new file mode 100644 index 0000000..d56a9bf Binary files /dev/null and b/Markdown/images/chrome_r0YaBjn2YV.png differ diff --git a/html-boilerplate/index.html b/html-boilerplate/index.html index a33d6f3..a0c6582 100644 --- a/html-boilerplate/index.html +++ b/html-boilerplate/index.html @@ -4,4 +4,8 @@ My First Webpage + + +

Hello World!

+ \ No newline at end of file