Escuela San Gabriel de Colegio de San Gabriel

Arcangel Foundation Inc. Arcangel of Caloocan

Phase 10 Pkg 6 Blk 1 lot 2-3 BagongSilang Caloocan City
Contact no. 02) 785-6950 / Email add: esga.2003@yahoo.com

COMPUTER GRADE 9
FIRST GRADING
WEEK 2
MODULE 2: HTML BASICS

I. INTRODUCTION

Headings Are Important

Search engines use the headings to index the structure and content of your web pages.
Users often skim a page by its headings. It is important to use headings to show the
document structure.
<h1> headings should be used for main headings, followed by <h2> headings, then the
less important <h3>, and so on.

II. MOST ESSENTIAL LEARNING COMPETENCY/IES

Use heading tags in creating website

III. MODULE LESSONS AND COVERAGE:

A. SPECIFIC OBJECTIVES:

The following objectives are expected to be attained by the learners at the end of this
module:
1. Identify the heading tags and it function
2. Create website using heading tags
3. use tags to format headings

VI. PRE-ASSESSMENT

Choose the letter of the correct answer.

1. It is the tag for heading 1.

a. <h1>, </h1> b. <h4>, </h4> c. <head1>,</head1>
2. It is the tag for heading 6.
a. <h1>, </h1> b. <h6>, </h6> c. <head1>,</head1>
3. It is the tag for heading 3.
a. <h3>, </h3> b. <h4>, </h4> c. <h2>, </h2>
4. How many levels that heading have?
a. 2 b. 6 c. 4
5. It is the tag for heading 3.
a. <h3>, </h1> b. <h3>, </h4> c. <h3>, </h3>
VII. LEARNING ACTIVITIES:

LESSON 1 - INTRODUCTION TO MICROSOFT OFFICE

B. EXPLORE:

Analyse the image below:

1. What is a heading tag?

2. What is its use?
3. How can it help you with your webpage?

C. FIRM UP:
HEADING TAGS
Six Levels of Headers

<h1>, </h1> <h4>, </h4>

<h2>, </h2> <h5>, </h5>
<h3>, </h3> <h6>, </h6>

- Each having its own effects on texts.

To create a Heading tag:

- Type <hn>
- Type the contents of the header.
- Type </hn>
 ACTIVITY NO. 1 HANDS - ON
1. Open Notepad and save it with your surname as file name.
2. Make the title of your page as “My Favorite Singer”.
3. Set your heading 1 as your title attribute with the name of your favorite singer.
4. In heading 2 – 6, five songs of your favorite singer that you like.
5. Save and send your html via LMS or messenger

ACTIVITY NO. 2

Decode the web page on the right. Write the codes used to create the web page. Use
red ballpen in writing the code and black ballpen for the content.

*You can use the attribute align and values left, right, center or justify to align the headings.

Title Attribute
- Indicates the text that appears when mouse hovers over the heading.
 ACTIVITY NO. 3 HANDS – ON

1. Open Notepad and save it with your First Name as file name.
2. Make the title of your page as “I Love fruits”.
3. Set your heading 1 as your title attribute with “My Favorite Fruits”
4. In heading 2 – 6, five fruits that you love
5. Make heading 2 in center, heading 3 align left, heading 4 align right and heading 6
in center.
6. Save and send your html via LMS or messenger

D. DEEPEN:

ACTIVITY NO. 4

Decode the web page on the right. Write the codes used to create the web page.
Use red ballpen in writing the code and black ballpen for the content.

E. TRANSFER:
 ACTIVITY NO. 4

Decode the web page on the right. Write the codes used to create the web page. Use
red ballpen in writing the code and black ballpen for the content.

VIII. SUMMARY:
The Internet is at once a world-wide broadcasting capability, a mechanism for
information dissemination, and a medium for collaboration and interaction between individuals
and their computers without regard for geographic location. The Internet represents one of the
most successful examples of the benefits of sustained investment and commitment to research
and development of information infrastructure.

IX. VALUES INTEGRATION:

Using user-friendly application programs and following appropriate formats

X. POST ASSESSMENT:
Choose the letter of the correct answer.

1. It is the tag for heading 1.

a. <h1>, </h1> b. <h4>, </h4> c. <head1>,</head1>
2. It is the tag for heading 6.
a. <h1>, </h1> b. <h6>, </h6> c. <head1>,</head1>
3. It is the tag for heading 3.
a. <h3>, </h3> b. <h4>, </h4> c. <h2>, </h2>
4. How many levels that heading have?
a. 2 b. 6 c. 4
5. It is the tag for heading 3.
a. <h3>, </h1> b. <h3>, </h4> c. <h3>, </h3>