Scribd
Upload
4 views

HTML Table

Uploaded by

shewaledipa2210
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
4 views

HTML Table

Uploaded by

shewaledipa2210
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 2

Lesson Plan Title: Introduction to HTML Tables

Grade Level: 8th grade

Objectives:

1. Define what an HTML table is and its purpose in web development.


2. Understand the basic structure of an HTML table, including rows, columns, headers,
and cells.
3. Identify and create simple HTML tables.
4. Customize the appearance of HTML tables using CSS.
5. Demonstrate an understanding of the relationship between HTML and CSS.

Materials Needed:

 Computers with internet access


 Text editor software (e.g., Notepad++)
 Projector and screen

Introduction (10 minutes):

 Introduce the concept of HTML tables as a way to organize and display data on a
webpage.
 Show examples of HTML tables on popular websites and explain how they are used
to organize information.

Direct Instruction (30 minutes):

 Discuss the basic structure of an HTML table, including the table element, table rows,
table columns, table headers, and table cells.
 Demonstrate how to create a simple HTML table using the basic structure, including
how to add content to the cells, rows, and columns.
 Explain the importance of using semantic HTML to make tables accessible to screen
readers and other assistive technologies.
 Introduce the concept of CSS and demonstrate how to use CSS to customize the
appearance of an HTML table.

Guided Practice (20 minutes):

 Provide the students with a simple dataset and ask them to create an HTML table to
display the data.
 Encourage the students to use semantic HTML to make the table accessible and to
customize the appearance of the table using CSS.
 Provide guidance and feedback as needed.

Independent Practice (20 minutes):

 Ask the students to work independently or in pairs to create an HTML table to display
data of their choice.
 Encourage the students to use semantic HTML to make the table accessible and to
customize the appearance of the table using CSS.
 Provide feedback and guidance as needed.

Closure (10 minutes):

 Ask the students to share their tables with the class. Encourage the students to explain
their thought process and reasoning behind their design choices.
 Summarize the main points of the lesson, emphasizing the importance of using
semantic HTML and CSS to create accessible and visually appealing HTML tables.

You might also like