Entrance Announcement
MICTE 2080
2080 Magh 07
User:Elina Real Teaching Lesson Plan 12
Jump to navigation
Jump to search
| Subject:Computer Science | Class: 8'A' |
|---|---|
| Unit:17 | Topic:HTML font tag |
| No of student:64 | Time:45min |
| School:Adarsha Secondary School | period:7th |
Specific Objectives:[edit | edit source]
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:[edit | edit source]
- Whiteboard and marker
- laptop with text editor
- projector or screen
Introduction:[edit | edit source]
- 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:[edit | edit source]
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 tospecify 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:[edit | edit source]
- 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.
- practice Activity 1:
- Practice Activity 2:
Hands on practice:[edit | edit source]
- 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:[edit | edit source]
- 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:[edit | edit source]
- How to change font-color in web page ?
- How to increase font size in paragraph ?
- Can HTML 5 supports the HTML font tag ?