User:Elina Real Teaching Lesson Plan 12

From ICTED-WIKI
Revision as of 11:24, 31 January 2024 by Elina (talk | contribs) (Created page with "Specific Objectives: At the end of this lesson, student will be able to: Understanding the concepts of HTML font tag change the font-size, font-face and color in web page Teaching Material: Whiteboard and marker laptop with text editor projector or screen Introduction: Start by asking a questions about previous knowledge of HTML font, Font tag defines the font size, color and face or the text in an HTML document, It is used to define the font style for the text contain...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

Specific Objectives: At the end of this lesson, student will be able to:

Understanding the concepts of HTML font tag change the font-size, font-face and color in web page Teaching Material: Whiteboard and marker laptop with text editor projector or screen

Introduction:

Start by asking a questions about previous knowledge of HTML font, Font tag defines the font size, color and face or the text in an HTML document, It is used to define the font style for the text contained within it, Font tag do not support in HTML 5. Basic font tag attribute: Font size attributes: This attributes is used to adjust the size of the text in HTML document using a font tag with a size attribtes. The font size range from 1 to 7 and the default size is 3. Font face attributs: face attributes is used tosprcify the font family of the text inside element. Font color attributes: It is used to set the text the color using a font tag with the color attributes in an HTML document. Classroom Activity: choose a simple examples (e.g write a program using font-size 1 to 7), Encourage the student to ask the questions and its uses. Hands on practice: Provide a laptop/desktop with text editor (like Notpad,Vscode) or an online HTML editor. Instruct a student to create a simple HTML file using HTML font-face. Ask them to use different tags to create a basic structure:heading and paragraph. walk around to assist studnet and answer questions. Conclusion: Summarize the key points :font size attributes, font-color attributes and font -face attributes. Emphasize the role of HTML in modifying fonts and its significane in web design, Encourage further exploration of HTML Fonts. Assessment: How to change font-color in HTML ? How to increase font size in paragraph ? Can HTML 5 supports the HTML font tag ?