Lesson Title: Introduction to Basic HTML
Learning Intention: Students will understand the fundamentals of HTML and be able to create a basic webpage using HTML tags.
Lesson Outline:
-
Introduction (5 minutes) a. Greet the students and explain the learning intention for the lesson. b. Discuss the importance of HTML in web development and its role in creating webpages.
-
What is HTML? (10 minutes) a. Explain that HTML stands for HyperText Markup Language. b. Discuss how HTML is used to structure the content of a webpage. c. Show examples of HTML tags and explain their purpose.
-
HTML Document Structure (15 minutes) a. Introduce the basic structure of an HTML document: <!DOCTYPE html>, <html>, <head>, and <body>. b. Explain the purpose of each tag and their placement within the document. c. Demonstrate how to create a simple HTML document using these tags.
-
HTML Tags (30 minutes) a. Introduce commonly used HTML tags such as <h1> to <h6> for headings, <p> for paragraphs, for links,
for images, <ul> and <li> for unordered lists, and <ol> and <li> for ordered lists. b. Explain the purpose and usage of each tag. c. Provide examples and allow students to practice using these tags in their own HTML document.
-
Adding Attributes (15 minutes) a. Explain the concept of attributes and how they enhance HTML tags. b. Introduce commonly used attributes such as src, href, alt, and style. c. Demonstrate how to add attributes to HTML tags and explain their impact on the webpage.
-
Creating a Basic Webpage (20 minutes) a. Instruct students to create a basic webpage using the HTML tags and attributes they have learned. b. Provide a template or guidelines for the webpage, including headings, paragraphs, links, and images. c. Allow students to work individually or in pairs to create their webpage. d. Encourage creativity and experimentation with different HTML tags and attributes.
-
Sharing and Reflection (10 minutes) a. Provide time for students to share their webpages with the class. b. Discuss the challenges faced and lessons learned during the activity. c. Reflect on the importance of HTML in web development and its potential applications.
-
Conclusion (5 minutes) a. Recap the key points covered in the lesson. b. Emphasize the importance of practice and further exploration of HTML. c. Answer any remaining questions and provide additional resources for students to continue learning HTML.
Note: The duration of each section can be adjusted based on the available class time and the pace of the students.
Loading...