Scribd
Upload
6 views

Q2 Creating a Table in a Webpage using HTML

This lesson plan focuses on teaching students how to create tables in webpages using HTML. It includes objectives related to knowledge, skills, attitudes, and values, along with detailed procedures for activities, assessments, and an assignment to reinforce learning. Students will engage in hands-on practice, group activities, and discussions to enhance their understanding of web design and organization.

Uploaded by

Rica Garrido
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
6 views

Q2 Creating a Table in a Webpage using HTML

This lesson plan focuses on teaching students how to create tables in webpages using HTML. It includes objectives related to knowledge, skills, attitudes, and values, along with detailed procedures for activities, assessments, and an assignment to reinforce learning. Students will engage in hands-on practice, group activities, and discussions to enhance their understanding of web design and organization.

Uploaded by

Rica Garrido
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

Lesson Plan: Creating a Table in a Webpage

Objectives:
• Knowledge: Understand the HTML code for creating tables in webpages.
• Skills: Demonstrate the ability to create a table structure in a webpage.
• Attitudes: Develop an appreciation for the importance of well-structured web
content.
• Values: Emphasize the importance of organization and clarity in web design.
Content/Topic: Creating a Table in a Webpage using HTML.
Learning Resources/Materials/Equipment:
• Computers with internet access.
• Text editor (e.g., Notepad, Sublime Text).
• Projector and screen for demonstrations.
Procedures: 4.1 Introductory Activity (10 minutes):
• Ask students two questions:
a. Why do you think tables are useful in web design?
b. Have you ever encountered tables on websites? What was their purpose?
4.2 Activity (15 minutes):
• Provide guided instructions on how to create a basic table structure in HTML.
• Explain HTML tags such as <table>, <tr>, <th>, <td>, and <caption>.
• Demonstrate the structure visually using a projector.
4.3 Analysis (10 minutes):
• Distribute a worksheet with five questions related to HTML table elements.
• Review and discuss the answers as a class.
4.4 Abstraction (15 minutes):
• Present five multiple-choice questions related to HTML tables, with three options
each.
• Discuss the correct answers and clarify any misconceptions.
4.5 Application (20 minutes):
• Divide the class into three groups:
a. Reporting Group: Create a sample webpage that includes a table about a
chosen topic.
b. Coloring Group: Enhance the table's appearance using CSS (e.g.,
changing background colors).
c. Role-playing Group: Prepare a brief role-play demonstrating the
importance of well-organized data in a webpage.
4.6 Generalization (10 minutes):
• Ask at least three questions that encourage students to generalize what they've
learned about creating tables in webpages.
5. Assessment/Evaluation (15 minutes):
Assessment/Evaluation Questions:
Instructions: For each question, choose the correct option (A, B, or C) and provide a
brief explanation for your choice.
Question: Which HTML tag is used to create a table in a webpage?
• A) <row>
• B) <table>
• C) <cell>
Question: What HTML tag defines a table row in an HTML table?
• A) <table>
• B) <tr>
• C) <td>
Question: Which tag is used to specify a header cell in an HTML table?
• A) <th>
• B) <header>
• C) <td>
Question: How can you add a caption to an HTML table?
• A) Using the <caption> tag
• B) Using the <title> tag
• C) Using the <header> tag
Question: To set the alignment of text within a table cell to the right, what attribute
should you use?
• A) text-align
• B) align
• C) right-align
Question: What attribute can be used to merge two or more table cells horizontally?
• A) colspan
• B) rowspan
• C) merge
Question: Which HTML tag is used to define the content of a table cell?
• A) <content>
• B) <data>
• C) <td>
Question: What is the purpose of the <thead> element in an HTML table?
• A) It defines the start of the table.
• B) It groups the table's body content.
• C) It represents the header row of a table.
Assignment:
Instructions: Create a webpage that includes a table with at least five rows and five
columns. Use appropriate HTML tags and attributes to structure the table. Add a
meaningful caption to the table, align the text within cells as needed, and merge at least
one cell horizontally using the colspan attribute. Submit your HTML code along with a
brief description of the table's content and any additional styling you applied.

You might also like