2. S1E2: INTRODUCTION TO WEBPAGE AND HTML
OPENING
PRAYER
Father God, thank you for this
wonderful day.
Thank you for your love and
guidance.
Bless and protect our family,
teachers,
and classmates. Guide us with
our lessons for today.
May we grow, learn, and have
fun in our class.
In Jesus’ name we pray,
Amen.
4. WEB PAGE
The World Wide Web or Web,
consists or world wide collection of
electronic documents. These
electronic documents are called
web pages.
S1E2: INTRODUCTION TO WEBPAGE AND HTML
5.
6.
7. WEB PAGE
Electronic document that may contain text,
images, sounds, videos and hyperlinks.
Hyperlinks, also known as hypertext are
built-in connections on another related web
pages
S1E2: INTRODUCTION TO WEBPAGE AND HTML
8. WEB PAGE
Collection of related web pages that can
be accessed is called website.
The home page is similar to a book cover
or a table of contents for the site.
S1E2: INTRODUCTION TO WEBPAGE AND HTML
10. HTML
HTML is the primary language used to create
web pages. It stands for HyperText Markup
Language.
Hypertext provides commands that will allow
you to create links between web pages.
S1E2: INTRODUCTION TO WEBPAGE AND HTML
11. HTML
Mark-up is the process of inserting
formatting instructions to the document.
The mark-up process comes from the
days when book and magazine publishing
people made special marks on authors’
manuscripts to tell typesetters how to
format the text.
S1E2: INTRODUCTION TO WEBPAGE AND HTML
12. HTML tag
<command>
S1E2: INTRODUCTION TO WEBPAGE AND HTML
Most HTML tags come in pairs –
an opening tag and a closing tag.
Closing tag is similar to the opening tag
with the exception of the forward slash
added inside the angle brackets
</command>
14. Attributes
S1E2: INTRODUCTION TO WEBPAGE AND HTML
Are modifiers that are placed inside the
opening tag of an HTML command.
<palign=“center”>Your text here </p>
15. types of HTML commands or tags
S1E2: INTRODUCTION TO WEBPAGE AND HTML
Does not have an end tag or
command.
Requires and end tag and usually
comes in pairs.
Empty tag
Container Tag
16. HTML Basic Document Structure
S1E2: INTRODUCTION TO WEBPAGE AND HTML
<html>
<head>
<title> Title of the page </title>
</head>
<body>
Content
</body>
</html>
17. <html>
S1E2: INTRODUCTION TO WEBPAGE AND HTML
Used to indicate that the
text enclosed in this tag
is in HTML format and
that it can be viewed
using the browser.
…</html>
18. HTML Basic Document Structure
S1E2: INTRODUCTION TO WEBPAGE AND HTML
<html>
<head>
<title> Title of the page </title>
</head>
<body>
Content
</body>
</html>
19. <head>
S1E2: INTRODUCTION TO WEBPAGE AND HTML
Used to define the
header area. The content
of the header area is not
displayed within the
page of the browser
…</head>
20. HTML Basic Document Structure
S1E2: INTRODUCTION TO WEBPAGE AND HTML
<html>
<head>
<title> Title of the page </title>
</head>
<body>
Content
</body>
</html>
21. <title>
S1E2: INTRODUCTION TO WEBPAGE AND HTML
Placed inside the
<head>…</head>. The
information placed
inside this tag will be
displayed in the title bar
or browser window.
…</title>
22. HTML Basic Document Structure
S1E2: INTRODUCTION TO WEBPAGE AND HTML
<html>
<head>
<title> Title of the page </title>
</head>
<body>
Content
</body>
</html>
24. <body>
S1E2: INTRODUCTION TO WEBPAGE AND HTML
Used to indicate that
the text enclosed
inside this tag will be
displayed on the
browser page.
…</body>
25. HTML Basic Document Structure
S1E2: INTRODUCTION TO WEBPAGE AND HTML
<html>
<head>
<title> Title of the page </title>
</head>
<body>
Content
</body>
</html>
28. S1E2: INTRODUCTION TO WEBPAGE AND HTML
ASSESSMENT#2
Web Programming (JavaScript)
Page 10
29. BASICWEBPROGRAMMING (JAVASCRIPT)
CLOSING
PRAYER
Father God, thank you for
another day of learning.
Thank you for the lessons we
received
and for the teacher who
guided us.
Teach us to use our talents
and gifts in helping others.
In Jesus’ name we pray,
Amen.