Scribd
Upload
10 views2 pages

WS 2.1 - Web Unit 2 - Lessons 2.1-2.2 - Guided Notes

The document provides an introduction to HTML, explaining its role as the language for building web pages and how it enables users to share ideas online. It details the structure of an HTML page, including key tags such as <!DOCTYPE html>, <html>, <head>, <title>, and <body>, and emphasizes the importance of indentation to show the hierarchy of tags. Additionally, it outlines the function of HTML tags in formatting text and the significance of hyperlinks in web documents.

Uploaded by

bogdangubarenko082
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
10 views2 pages

WS 2.1 - Web Unit 2 - Lessons 2.1-2.2 - Guided Notes

The document provides an introduction to HTML, explaining its role as the language for building web pages and how it enables users to share ideas online. It details the structure of an HTML page, including key tags such as <!DOCTYPE html>, <html>, <head>, <title>, and <body>, and emphasizes the importance of indentation to show the hierarchy of tags. Additionally, it outlines the function of HTML tags in formatting text and the significance of hyperlinks in web documents.

Uploaded by

bogdangubarenko082
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 2

Video 2.

01 Introduction To Html
• Question: How are web pages made??
• HTMLis the language for building web pages!
• Why HTML?
• HTML lets us build our own web pages
• Web pages allow us to easily share our ideas and creations with the
world!
• Every web page on the internet is built with HTML ANY web browser on
ANY device
• What is HTML
• Hyper Text Markup Language
• Hypertext - text displayed on a computer that has links to other
hypertext documents (hyperlinks)
• Markup Language - lets you annotate text to define how it should be
displayed
• HTML tags
• HTML tags mark up the text of a document in order to tell the browser
how the text should be displayed
• HTML is just normal text + HTML tags
• Enclosed in angle brackets: <h1>
• Not displayed on the resulting web page
• Inform the browser about how certain text should be formatted Our First
HTML Tag: <h1>
• Tags start and end with angle brackets
• The name of the tag goes in between the angle brackets
<h1> Hello! </h1> Hello!
Open tag Content affected by the Close tag Output
tag Note the slash on the closing tag

Please complete the rest of the assignments in this lesson.

Video 2.02 Structure Of An Html Page


Basic HTML Page Description
<!DOCTYPE html> • Doctype tells the browser which version of HTML we are using.
• This says we are using HTML 5. (not really an HTML tag)
<html> • The <html> tag says everything in between these two tags is our
html page.
• Container for all other html tags .
<head> • The <head> tag contains important information about the document:
<title> • Metadata- data about data.
My First Page • We can include a few special tags here.
</title> • The <title> tag defines the title of the webpage.
</head> • This is displayed in the tab of the web browser.
<body> • The <body> tag is where the actual contentof the document goes
(text, images, etc).
</body> • This is where most of your HTML elements will go.
</html> • Closing html tag (note the /) - ends your page
• Important Points
• Tags can go inside other tags
• We use indentation to show the structure of the tags
• The structure of an html document is a
_________________________________________
• Tags inside other Tags
• The <head> tag and the <body> tag are
_____________________________________ the <html> tag
• The <title> tag is _________________________________________ the <head>
tag
• Indenting Shows Structure
• Everything inside the <html> tag is
_________________________________________ .
• Everything inside the <head> tag is indented
_________________________________________ .
Fill in the Tree Structure for the following code.
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<h1></h1>
<h1></h1>
</body>
</html>

Please complete the rest of the assignments in this lesson.

You might also like