From 0fd3d490e8616f645f8fcb26c7a64602ae3afcc8 Mon Sep 17 00:00:00 2001 From: Eric Van Meter Date: Tue, 13 Dec 2022 15:10:46 -0500 Subject: [PATCH 1/5] added notes page to keep track of subject --- notes.md | 21 +++++++++++++++++++++ 1 file changed, 21 insertions(+) create mode 100644 notes.md diff --git a/notes.md b/notes.md new file mode 100644 index 000000000..a8d520a19 --- /dev/null +++ b/notes.md @@ -0,0 +1,21 @@ +_============================================_ +Front-end vs Back-end development +_============================================_ + +We visit a page, the browser sends a request to the web server where the website is hosted, the server then sends a response with all of the files requested. It responds with html, css, and javascript, which are the core web technologies. The browser then renders the website with the provided files. + +The process of writing html, css, and js is called front-end development. When the files are simply stored on the server a request will return a static website. + +When you visit a dynamic website the request is sent to a server where the website is hosted, not just stored. Web apps store and maitain a larger amount of features to store in such things as a database. Applications that are executed on the backend will use nodejs or python that will take the request and assemble the proper response on the server. Everytime you visit the website a new version will be assembled and sent. + +The files are sent as before and the browser renders the site in the same way. + +_============================================_ +The three languages +_============================================_ + +HTML is the content of the webpage. CSS is the styling of that content on the page. JS is the dynamic effects and data of the webpage. + +_============================================_ + +_============================================_ From f0e0cd128ba73494fc754ad4de20fcf423a414d2 Mon Sep 17 00:00:00 2001 From: Eric Van Meter Date: Tue, 13 Dec 2022 15:14:53 -0500 Subject: [PATCH 2/5] fixed markdown --- notes.md | 16 +++++++--------- 1 file changed, 7 insertions(+), 9 deletions(-) diff --git a/notes.md b/notes.md index a8d520a19..5c0e6b545 100644 --- a/notes.md +++ b/notes.md @@ -1,6 +1,6 @@ -_============================================_ -Front-end vs Back-end development -_============================================_ +# Front-end vs Back-end development + +--- We visit a page, the browser sends a request to the web server where the website is hosted, the server then sends a response with all of the files requested. It responds with html, css, and javascript, which are the core web technologies. The browser then renders the website with the provided files. @@ -10,12 +10,10 @@ When you visit a dynamic website the request is sent to a server where the websi The files are sent as before and the browser renders the site in the same way. -_============================================_ -The three languages -_============================================_ +--- -HTML is the content of the webpage. CSS is the styling of that content on the page. JS is the dynamic effects and data of the webpage. +## The three languages -_============================================_ +HTML is the content of the webpage. CSS is the styling of that content on the page. JS is the dynamic effects and data of the webpage. -_============================================_ +--- From 424835cce373d349b3514af468b38a1f6c9f9f1a Mon Sep 17 00:00:00 2001 From: Eric Van Meter Date: Tue, 13 Dec 2022 15:15:42 -0500 Subject: [PATCH 3/5] fixed markdown --- notes.md | 4 ---- 1 file changed, 4 deletions(-) diff --git a/notes.md b/notes.md index 5c0e6b545..f00ea5d61 100644 --- a/notes.md +++ b/notes.md @@ -1,7 +1,5 @@ # Front-end vs Back-end development ---- - We visit a page, the browser sends a request to the web server where the website is hosted, the server then sends a response with all of the files requested. It responds with html, css, and javascript, which are the core web technologies. The browser then renders the website with the provided files. The process of writing html, css, and js is called front-end development. When the files are simply stored on the server a request will return a static website. @@ -10,8 +8,6 @@ When you visit a dynamic website the request is sent to a server where the websi The files are sent as before and the browser renders the site in the same way. ---- - ## The three languages HTML is the content of the webpage. CSS is the styling of that content on the page. JS is the dynamic effects and data of the webpage. From e6175dc5476ec0bc6252a262bd979272c3ea4a6b Mon Sep 17 00:00:00 2001 From: Eric Van Meter Date: Tue, 13 Dec 2022 20:59:49 -0500 Subject: [PATCH 4/5] adjusted html page --- starter/02-HTML-Fundamentals/index.html | 45 +++++++++++++++++++++++++ 1 file changed, 45 insertions(+) create mode 100644 starter/02-HTML-Fundamentals/index.html diff --git a/starter/02-HTML-Fundamentals/index.html b/starter/02-HTML-Fundamentals/index.html new file mode 100644 index 000000000..cfd85eba7 --- /dev/null +++ b/starter/02-HTML-Fundamentals/index.html @@ -0,0 +1,45 @@ + + + + The Basic Language of the web: HTML + + +

The Basic Language of the web: HTML

+

📘 The Code Magazine

+

Posted by Laura Jones on Monday, June 21st 2027

+ +

The Basic Language of the Web: HTML

+ +

What is HTML?

+ + + + From d8185945087a8a8edf2a1f25594b535fbef1f35b Mon Sep 17 00:00:00 2001 From: Eric Van Meter Date: Tue, 13 Dec 2022 21:02:27 -0500 Subject: [PATCH 5/5] added notes --- notes.md | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/notes.md b/notes.md index f00ea5d61..7ceb24217 100644 --- a/notes.md +++ b/notes.md @@ -13,3 +13,20 @@ The files are sent as before and the browser renders the site in the same way. HTML is the content of the webpage. CSS is the styling of that content on the page. JS is the dynamic effects and data of the webpage. --- + +## HTML + +HyperText Markup Language is a core language for structuring and describing the content of a page. + +HTML uses _elements_ to describe it's content. +Web browsers understand HTML and render the code as websites. + +### HTML Element + +`

HTML is a markup language

` +An element has an opening tag, the content and the closing tag. +If the content is another element it is called a child element and it is the parent element. + +### HTML Document Structure + +Consists of a DOCTYPE declaration, the html tag which has two children elements called head and body.