Scribd
Upload
8 views15 pages

1 - Lesson 1

This document serves as an introduction to HTML, explaining its definition as HyperText Markup Language and its role in creating webpages. It outlines the differences between the internet and the World Wide Web, and provides guidance on structuring a basic webpage with titles, headings, and paragraphs. Additionally, it includes practical tasks for learners to create a webpage about New Zealand using Notepad++.

Uploaded by

Olushola BABS-AJAYI
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
8 views15 pages

1 - Lesson 1

This document serves as an introduction to HTML, explaining its definition as HyperText Markup Language and its role in creating webpages. It outlines the differences between the internet and the World Wide Web, and provides guidance on structuring a basic webpage with titles, headings, and paragraphs. Additionally, it includes practical tasks for learners to create a webpage about New Zealand using Notepad++.

Uploaded by

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

INTRODUCTION

TO HTML
HTML
24/01/202
5
Introduction to HTML

Mild: ■ Define what HTML stands for

Mediu ■ Describe what the internet is


m:

Hot: ■ Explain the difference between


the internet and the world wide
web
What we are learning
today
Learning Objective Success Criteria

■ Why are ■ Define HTML


webpages an ■ Describe how to
effective way to use a mark-up
show language
information?
■ Explain the
advantages of
using HTML
The difference between
the internet and the
world wide web
■ The internet is a huge network of
computers all connected together. The
world wide web (‘www’ or ‘web’ for short)
is a collection of webpages found on this
network of computers. Your web browser
uses the internet to access the web
HTML

• HyperText
Markup Language
is the language of
the web
• It describes the
content in web
pages
<opening> and
</closing> tags
<holiday>
– Swimming
– Sandcastles
– Sightseeing
</holiday>
Without the closing tag we would all be in
a permanent state of ‘holiday’!
Parts of a webpage
■ The webpage is
composed of two parts:
– The head: where Head
everything about
the webpage is held
– The body: where all
the visible content Body
will be shown
■ You can think of this as
all the brainy stuff
belongs in your
head/brain. You show
off the clothes on your
body
Time to start editing!
■ You are going to create a basic webpage
today with the following three things:
– A Title
– Different Headings
– Using Paragraphs

■ Copy the lesson 1 and 2 resources folder


from the L drive.
■ The software that you are going to use is
called notepad++
Adding a Title

■ A title tells the web


browser like google
chrome what the
name of the website
is.

■ If this is the case


where in the HTML
document will we put
this?
– Head or Body?
Adding a Title

■ The title goes into the head of the


document. Example below
Headings

■ Headings come in 6 different varieties


from <h1> to <h6>
■ Which heading do you think is the biggest?
<h1 or <h6>

<h
1>
Headings
■ Headings belong in the body because the
user wants to see them
Paragraphs

■ Paragraphs are extremely easy to add into


a html webpage.
■ We add them into the body using a <p>
tag.
■ We use these to add content to our
webpage
Paragraphs

■ Look at how the paragraph looks in the


web browser
Task
■ Copy Lesson 1 and 2 resources folder form
the L drive into your year 8 folder.
■ Edit the template.html in notepad++
– Start -> General -> Notepad++
■ Create a webpage to tell me about New
Zealand.
■ Create a title, add paragraphs and split up
your work with headings

■ Extension: what does the tag <br> do?


Can you use it in your code?

You might also like