Prog 1 | Module 3

Additional Notes

A typical web page is made up of three separate layers that work together to
deliver an experience to the user.

1. The content layer where is the information you see on the page.
o HTML provides the content layer and forms the structural
foundation of a web page.
o It is the language common to every website.
o If you want to know how to edit other websites and apps, you'll
need to understand HTML.

2. The presentation layer that handles how that information looks

o CSS or cascading style sheet provides the presentation layer and
creates the visual style of webpages, using colors, typography,
layout, and more.

3. A behavior layer that lets users interact with that page.

o The behavior layer is handled by JavaScript, to add interactivity
to the page, for example, popping up a larger image when a
user clicks a small image.

Hypertext is any text that can be displayed on a computer screen and

contains links to other texts or hypertext documents.

A markup language provides meaning to text in a document using

instructions that describe how text should be structured, formatted, and laid
out.

HTML is a markup language that browsers use to present information to the

users, like texts, links, images, and videos.

It is the basic component from which all websites and applications on the
web are built.
Doctype

 tells the browser which HTML version we are using

 take note that this is not an actual HTML tag, just a comment at the
top of the file telling the browser which version

HTML tag

 Everything between the opening and closing tag is out HTML page.
 It is the container for all other tags.
 Our entire page is going to go inside of the HTML tag

Head tag

 Contains important information about the document contains

metadata
 Metadata is data that describes the data.
 Head is data about the actual page - just an information about the
page.

Title tag

 Defines the title of the web page

 This is the data about the webpage - it is describing it since this is the
title.
 The title is displayed in the top of the web browser inside the tab

Body tag

 The actual content for the document goes

 The text, the images, everything on your actual webpage it goes
inside the body tag
 This where most of your html tag will go.