2. Lesson Objectives
By the end of this lesson:
All students will be able to create an HTML
document
Most students will be able to identify common
HTML tags
Some students will be able to explain how HTML
documents are created using tags
3. What is HTML?
HTML is the language which is used to create
webpages
It stands for:
Hyper
Text
Markup
Language
All webpages are saved with either the file
extension .HTML or .HTM
4. Starter
One of the great things about learning HTML is
that you can view how other websites have
been created.
All you have to do is:
Visit a website
Click on the ‘View’ menu and choose ‘Source’
This will then bring up all of the HTML code used
to create this page
Visit www.emmanuelcollege.org.uk and try
this for yourself
5. How does HTML work?
HTML works by using a series of commands
called ‘tags’
Each of these tags tells your web browser what
information is to be displayed and how it should
be displayed
All tags are displayed in <> and when they end
they are displayed as </>, for example:
<HTML> and </HTML>
The first tag is to tell your web browser that you
have started coding in HTML and the second tag
tells it that you have stopped – it’s easy!
6. What are the basic tags?
HTML tag What it does
<html> This tag is used to set the start and end
point of the HTML document
<body> This tag is used to set where the main
content of the webpage you are creating
starts and ends
<h1> This tag is used to create a heading for
your HTML document
<p> This tag is used to create a paragraph
<br> This tag is used to put a line break in
the content
7. Creating your first webpage
All you need to get started in creating your first
webpage is notepad
The only other thing you need is the ‘My first
webpage’ worksheet
Follow these instructions and answer the
questions which are also there
Good luck!
8. Extension...
If you have managed to create your first
webpage and have answered all of the
questions then:
Try adding another paragraph to your webpage to
tell the viewer a bit more information about
yourself
Try changing the <h1> tag to different numbers,
for example <h2> or <h3> what happens?
9. Plenary...
Using the mini whiteboard kits, write the
answers to the following questions:
What is the name of the programming language
used to create webpages?
What does HTML stand for?
Write down at least 2 different tags that you have
used today?
Which tag is used to signal the end of an HTML
document?
10. Summary
In this lesson you have:
Created an HTML document
Identified common HTML tags
Explained how HTML documents are created
using tags