Professional Documents
Culture Documents
A Detailed Lesson Plan in Grade 10
A Detailed Lesson Plan in Grade 10
A Detailed Lesson Plan in Grade 10
I. OBJECTIVES
c. design a web page using the image tag and their attributes.
II. CONTENT
Reference: www.w3schools.com
Value:
III. PROCEDURE
Great!
A. ACTIVITY
How do they differ? Pea. They differ according to the attribute used. The
first file used “align” attribute, the second file
”alt” use , the third file used “height and
width” attribute, the fourth file used “v space”
attribute and the last file used “h space
attribute”
C. ABSTRACTION
Today we will be dealing with the image tag.
As you can see image tag has many attributes
used.
Correct! What do you think is the is src It contains the file of the image ma’am.
attribute? Kenneth.
Why do we need to specify both height and We need to specify both height and width so
width when the image has already its size? that, It could reserve the space required for the
image when the page is loaded.
Correct! Without these attributes, the browser
does not know the size of the image, and
cannot reserve the appropriate space to it.
What value did we used in this attribute? The value used in height and width attribute is
Ma.Fe? pixel ma’am.
Very Good! What is the next attribute? Carlo. Ma’am “border” attribute.
What is the effect of the border on the image? Ma’am it gives a thick border line around an
Rubylyn. image.
So what do you think is border? Louie. Border attributes is use to add border to image
ma’am.
Very good! Take note that an image has no
border by default unless to add the border
attribute to the element.
Next “hspace” attribute, just by looking at Ma’am I think that it means horizontal space
these html file,what do we mean by hspace because it gives horizontal space between the
text and the image.
So hspace attribute specifies the left and right
margin of the image. The value used is also in
pixel.
What about the last attribute used , Milandro. “vspace” attribute, just like in hspace ma’am, it
also specifies margin, but at the top and bottom
of the image.
a. GENERALIZATION
E. ASESSMENT
None ma’am!
Is there any question class?
Yes ma’am!
Are you sure?
Yes ma’am.
Can you follow on how to insert image?
F. Assignment
In you HTML viewer and Editor, make a short
biography about yourself with your image
located at the right side of the viewer. Make at
least 5 sentences.