Republic of the Philippines
Department of Education
REGION IV-A CALABARZON
SCHOOLS DIVISION OF BACOOR CITY
SHS IN SAN NICHOLAS III, BACOOR CITY
SAN NICOLAS III, CITY OF BACOOR, CAVITE
Name Subject Programming I
Grade/Section Grade 11 Teacher
What I Need to Know
A. Introduction
This module was designed and written with you in mind. It is here to help you understand
the basic of Hypertext Markup Language(HTML). The scope of this module permits it to
be used in many different learning situations. The language used recognizes the diverse
vocabulary level of students. The lessons are arranged to follow the standard sequence
of the course. But the order in which you read them can be changed to correspond with
the textbook you are now using.
What’s New
What is HTML? HTML (Hypertext Markup Language) is not a programming language; it is
a markup language used to tell your browser how to structure the web pages you visit. It
can be as complicated or as simple as the web developer wishes it to be. HTML consists
of a series of elements, which you use to enclose, wrap, or mark-up different parts of the
content to make it appear or act a certain way. The enclosing tags can make a bit of
content into a hyperlink to link to another page on the web, italicize words, and so on. For
example, take the following line of content:
1 | My cat is very grumpy
If we wanted the line to stand by itself, we could specify that it is a paragraph by
enclosing it in a paragraph () element:
1 | My cat is very grumpy
Note: Tags in HTML are case-insensitive, i.e. they can be written in uppercase or
lowercase.
What is It
B. Development
Anatomy of an HTML element Let's explore our paragraph element a bit further:
School: SHS in San Nicholas III, Bacoor City
Address: Garnet St. Green Valley, San Nicolas III, City of Bacoor, Cavite
Telephone No: (046) 236 5729
Email:
[email protected] The main parts of our element are:
The opening tag: This consists of the name of the element (in this case, p), wrapped
in opening and closing angle brackets. This states where the element begins or starts to
take effect — in this case where the start of the paragraph is.
The closing tag: This is the same as the opening tag, except that it includes a forward
slash before the element name. This states where the element ends — in this case where
the end of the paragraph is. Failing to include a closing tag is a common beginner error
and can lead to strange results.
The content: This is the content of the element, which in this case is just text.
The element: The opening tag plus the closing tag plus the content equals the
element.
What’s More
Activity 1.1 Creating your First HTML element
Procedure:
1. On the title of your webpage write the following: Laboratory Exercise 0 , | “I can do
this!”
2. On the bottom part and use comment tags, write/type down your understanding
regarding the activities.
3. Keep your codes clean and secured until you complete the activities. Should they
be requested, present them accordingly. Should you fail to do so, you will
automatically receive zero (0) mark.
Questions:
1. You were about to print your first webpage and when you run the html file, the
output should be “Hello World!”.
2. You were about to code the basic HTML structure. [Hint]: Use paragraph tag to
indicate the HTML Structure.
3. What can you conclude from this activity?
INSTRUCTIONS FOR THE STUDENTS: Save your file in “htm or “html” format only.
The filename should be: “, - Laboratory Exercise 0” Upload the file in the Google Drive
link provided by your programming teacher.
School: SHS in San Nicholas III, Bacoor City
Address: Garnet St. Green Valley, San Nicolas III, City of Bacoor, Cavite
Telephone No: (046) 236 5729
Email:
[email protected] Activity : Identify the parts of HTML and in your own words, discuss the parts of it.
C. Engagement
Generalization of the student:
D. Assimilation
Create an HTML Document which contains a headline of a recent news today. Use the
appropriate headline tag for each headline.
V. REFLECTION
What you have learned while doing the activities?
. How do you feel after doing the activities given in the module?
School: SHS in San Nicholas III, Bacoor City
Address: Garnet St. Green Valley, San Nicolas III, City of Bacoor, Cavite
Telephone No: (046) 236 5729
Email:
[email protected]
