User:Elina Real Teaching Lesson Plan 15: Difference between revisions

From ICTED-WIKI
Jump to navigation Jump to search
(Created page with "Specific Objective: At the end of this class, student will be able to: Understand the concept of the HTML table, create a table and assign data in tabular form. Teaching Material: Whiteboard, marker, computer with text editor(noteppad,vs code). Browser for testing(chrome and ms edge). Introduction: Start by asking a questions about HTML tags, Encourage them to share their thought, HTML table tag is used to display data in tabular form (row * column). There can be many co...")
(No difference)

Revision as of 22:37, 2 February 2024

Specific Objective: At the end of this class, student will be able to: Understand the concept of the HTML table, create a table and assign data in tabular form. Teaching Material: Whiteboard, marker, computer with text editor(noteppad,vs code). Browser for testing(chrome and ms edge). Introduction: Start by asking a questions about HTML tags, Encourage them to share their thought, HTML table tag is used to display data in tabular form (row * column). There can be many columns in a row.

We can create a table to display data in tabular form, using

element, with the help of , tag, table header is defined by
, and elements. In each table , table row is defined by
, and table data is defined by tags.

HTML table used to manage the layout of the page e.g header section, navigation bar, body content, footer section etc But it is recommended to use div tag over table to manage the layout of the page . HTML table tag: Class Room Activity: Have student open their prefered text editor and create a new HTML document,

Demonstarte how to create a simple table structure using , ,
, and tages,

Create a tabe that include header and a few row of data, for example: Conclusion: Summarize a ey points about HTML tables discussed during the lesson, Encourage students to practice table on their own and explore more advanced table functionalities. Assessment: How to create table in HTML with exampes? How to create table in HTML with border? create a table using your own personal data(Name,DOB,address and email id).