• When you search for something on a browser, the browser sends a request to the web server and the web server returns the files in the form of a response where the browser then translates the HTML, CSS and JS files into a webpage.

• The process of writing the HTML, CSS and JavaScript is referred to as front-end development. The part where the user sees and interacts with.

• When these files are all stored in the web server and sent to the browser as they are, it's referred to as a static website.

• Dynamic websites on the other hand generate a new instance of the site every time a request is made to the web server; since the server pulls the updated information from a database. eg. YouTube, since it has to return a new instance with the latest video uploaded or deleted video.

• The creation of such databases and servers is referred to as back-end development. Languages such as node.js, python and php are used.

Languages of Front-End

• HTML - Content. Described as Nouns. eg. paragraph

• CSS - Presentation. Described as Adverbs. eg. color

• JavaScript - Dynamic effects. Described as Verbs. eg. hide

HTML Fundamentals

What is HTML?

• HTML stands for HyperText Markup Language. It describes the structure and content of a webpage using elements.

• Consists of many different elements.

• These elements may include:

  1. Paragraphs

  2. Headings

  3. Links

  4. Images

  5. Video

• Web browsers understand HTML and render the HTML code as websites.

Anatomy of an HTML element.

<p>HTML is a markup language.</p>

<p> - This is the opening tag. The name of the element is wrapped in <>.

Content or a child element - Enclosed in between the opening and closing tags. Some have no content eg. <img>

</p> - This is the closing tag. Same as the opening tag but with a /. When an element has no content it's omitted eg. the image tag <img>.