User:Elina Bastola Lesson plan 3

From ICTED-WIKI
Jump to navigation Jump to search
 Subject: computer science                                              Unit: 7
 Class: 7                                                               Topic: HTML Font Tag
 Time: 10min                                                            Period: 2nd

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 HTML document

Teaching Materials:

  • Whiteboard and marker
  • laptop and projector

Introduction (2min):

  • 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 attributes(2min):

  1. 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.
  2. Font face attributs: <font> face attributes is used tosprcify the font family of the text inside <font> element.
  3. Font color attributes: It is used to set the text the color using a font tag with the color attributes in an HTML document
  4. https://www.geeksforgeeks.org/html-font-tag/

Classroom Activity(3min):

example


Hands on practice(2min):

  • 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(1 min):

  • 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 ?