Professional Documents
Culture Documents
I. Targets
A. SUBCONCEPTS:
1. Font sizes
2. How to insert font size
B. MATERIALS:
1. Laptop
2. Cartolina
C. REFERENCE:
www.w3schools.com>att_font_size
III. Strategies
A. PREPARATION:
1. Routine Activities:
a. Greet the students and then tell them to sit properly.
b. Call a student to lead the prayer.
c. Attendance.
d. Ask the class of they are ready for today’s lesson.
2. Review: Question and Answer
a. Review of the yesterday’s topic about “Inserting font colours”.
b. Ask these questions:
How do you insert font colours?
3. Motivation:
Show them a website with different sizes of text inside. Tell them the beauty
that it creates in a webpage.
B. PRESENTATION:
Teaching Method: Demonstration
1. Font size tag
< font size=”anynumber”>
The font tag was brought in early in HTML’s life to allow designers to change
the size, typeface and colour of their text. It proceeded to do more harm than
good, for all sorts of reasons but mainly because it is a hugely inefficient way
to format text.
2. How to insert font sizes in text.
To increase or decrease the size of the font relative to the default size, use
<font size="+num"> or <font size="-num"> , where "num" is a number. For
example, to make the text two sizes bigger, use:
<html>
<body>
<p>
<font size="5" face="arial" color="red">
This paragraph is in Arial, size 5, and in red text color.
</font>
</p>
<p>
<font size="3" face="verdana" color="blue">
This paragraph is in Verdana, size 3, and in blue text color.
</font>
</p>
<p>The font element is deprecated in HTML 4. Use CSS instead!</p>
</body>
</html>
D. AGREEMENT:
1. Look for webpages that shows different faces of text.
2. Name some font styles they know to be used on their next activity.