Lp-Basic Tags

Division of City Schools
Claro M. Recto High School

Manila
LESSON PLAN IN BASIC TAGS
GRADE 10-INTEGRITY TIME: 1:50-2:40

DATE: May 22, 2023
I. OBJECTIVES:
At the end of the lesson, the learners should be able to;
a. learn the basic tags on creating a webpage
b. specify the different tags, structure, and their uses
c. value the importance of using basic tags on creating a webpage
II. General Competency: Basic Tags

Specific Competency: Guidelines in Creating a Webpage using
Basic Tags
Teaching /Learning Aids
● Desktop/Laptop
●Manila Paper, Pens and Colored Papers
●Projector
References:
•https://www.w3schools.com/tags/tag_pre.asp
•https://developer.mozilla.org/en-US/docs/Web/HTML/Element/br
•https://www.scaler.com/topics/font-tag-in-html/
III. IMPLEMENTING STRATEGIES

A. Preparation
1. Routinary/Activities
a. Prayer
b. Greetings
c. Checking the Attendance
2. Review Past Lessons/Looking Back

Those that were not properly understood
Ask a few questions regarding the previous lessons
3. Motivation (Priming Activity)

Manila
GUESS THE WORD
To play as a whole class, the teacher will flash the blank word on the screen and the
learners will try the guess the letters to complete the word.
4. Presentation of the Lesson
How to Create a Webpage by Using the Basic Tags
• Preformatted Tag
• Paragraph Tag
• Division Tag
• The Heading Tag
• Line Break
• Horizontal Rule
• Font Tag
Preformatted Tag - The <pre> tag defines preformatted text. Text in a <pre> element is
displayed in a fixed-width font, and the text preserves both spaces and
line breaks. The text will be displayed exactly as written in the HTML
source code.
Paragraph Tag - The HTML <p> element defines a paragraph. A paragraph always starts

on a new line, and browsers automatically add some white space (a
margin) before and after a paragraph.
Division Tag - The <div> tag defines a division or a section in an HTML document.

The <div> tag is used as a container for HTML elements - which is
then styled with CSS or manipulated with JavaScript. The <div> tag is
easily styled by using the class or id attribute. Any sort of content can
be put inside the <div> tag!
The Heading Tag - HTML headings are defined with the <h1> to <h6> tags. <h1> defines the
most important heading. <h6> defines the least important heading.
Line Break - The <br> HTML element produces a line break in text (carriage-

return). It is useful for writing a poem or an address, where the division
of lines is significant.
Horizontal Rule- The <hr> tag defines a thematic break in an HTML page (e.g. a shift of
topic). The <hr> element is most often displayed as a horizontal rule
that is used to separate content (or define a change) in an HTML page.
Manila
Font Tag - The font tag in HTML is used to set the font size, color, and face of the
text in an HTML document. The font tag in HTML is used inside the
<body> tag.
The syntax of font tag in html is very simple:
<font size=" " color=" " face=" "> Our Text </font>.
5. Application
HANDS-ON-ACTIVITY on the new lesson
B. Generalization
What is the summary of using the basic tags in HTML?
Tags serves as the building blocks of an HTML document. They are hidden keywords
within the webpage that define how the browser will display the contents.
C. Evaluation
Quiz: 10 Points
IV. AGREEMENT/ASSIGNMENT
A. Study the basic tags and attributes.

B. Create a poem using the paragraph tag, heading tag and line break
Prepared by: Checked by:
Avon R. Nerecina Randy O. Rubio

Student Teacher Teacher TLE- Vocational
Noted by: Approved by:

Manila
Lea S. Calugtong Mercedita T.

Insigne
Department Head TLE-Vocational Principal
HANDS ON ACTIVITY
1. Start by changing the words inside the <h1> tag. You can put something like,
“Welcome to my first web page!”
2. Then, try changing the text in the <p> tag right below your heading. Write a
paragraph sharing your favorite outdoor activity. :)
3. When you’re ready to test your web page, hit the big green button that says
“Run”.
SYNTAX
Manila
OUTPUT
QUIZ
I DIRECTION: WRITE THE LETTER OF THE CORRECT ANSWER
1. Choose the correct HTML element for the largest heading:

A. <h6>
B. <heading>
C. <head>
D. <h1
2. What is the correct HTML element for inserting a line break?

A. <br>
B. <lb>
C. <break>
D. <bb>
Manila
3. Which character is used to indicate an end tag?

A. /
B. %
C. *
D. @
4. Which HTML element defines the title of a document?

A. <title>
B. <meta>
C. <head>
5. What is the first tag you should see in an HTML file?

A. <title>
B. <body>
C. <html>
D. <h1>
6. You should save HTML files with which file extension?
A..html
B. .webpage
C. .index
7. What is the function of the <p> tag?

A. Defines a paragraph
B. It pushes the text to right
C. Makes the text purple
8. Name an element which doesn't have a closing tag.

A. <img>
B. </head>
C. </body>
9. Which of the following is the largest heading?

A. h2
B. h4
C. h3
D. h6
10. What does HTML stand for?

A. Home Tool Markup Language
B. Hyper Text Markup Language
Manila
C. Hyperlinks and Text Markup Language
Rubrics for Student's Hands-On Activity
CRITERIA EXEMPLARY GOOD SATISFACTORY NEEDS WORK SCORE

4 3 2 1
Tool Evaluation Tool created has Tool created has 1 Tool created has 3 Tool created has 5
complete details to 2 missing details to 4 missing details or more missing details
Manila

Lp-Basic Tags

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Lp-Basic Tags

Uploaded by

Copyright:

Available Formats

Division of City Schools

Claro M. Recto High School

LESSON PLAN IN BASIC TAGS

GRADE 10-INTEGRITY TIME: 1:50-2:40

II. General Competency: Basic Tags

Teaching /Learning Aids

III. IMPLEMENTING STRATEGIES

2. Review Past Lessons/Looking Back

3. Motivation (Priming Activity)

GUESS THE WORD

4. Presentation of the Lesson

How to Create a Webpage by Using the Basic Tags

Paragraph Tag - The HTML <p> element defines a paragraph. A paragraph always starts

Division Tag - The <div> tag defines a division or a section in an HTML document.

Line Break - The <br> HTML element produces a line break in text (carriage-

HANDS-ON-ACTIVITY on the new lesson

What is the summary of using the basic tags in HTML?

A. Study the basic tags and attributes.

Prepared by: Checked by:

Avon R. Nerecina Randy O. Rubio

Noted by: Approved by:

Lea S. Calugtong Mercedita T.

I DIRECTION: WRITE THE LETTER OF THE CORRECT ANSWER

1. Choose the correct HTML element for the largest heading:

2. What is the correct HTML element for inserting a line break?

3. Which character is used to indicate an end tag?

4. Which HTML element defines the title of a document?

5. What is the first tag you should see in an HTML file?

6. You should save HTML files with which file extension?

7. What is the function of the <p> tag?

8. Name an element which doesn't have a closing tag.

9. Which of the following is the largest heading?

10. What does HTML stand for?

C. Hyperlinks and Text Markup Language

Rubrics for Student's Hands-On Activity

CRITERIA EXEMPLARY GOOD SATISFACTORY NEEDS WORK SCORE

You might also like