HTML3 ImgSrc
HTML3 ImgSrc
ATTRIBUTES
IMAGES
p.g 294
RECAP
• What is the attribute used to modify the TEXT STYLE in HTML notepad++?
Font Face
<font face =“Ariel”> TEXT </font>
• What is the attribute used to modify the COLOR of text?
Font color
<font color =“White”> </font>
What is the attribute used to modify the SIZE of the text?
Size
< font size = “4”> 2
ADDING IMAGES
• <img /> • SRC
Image attribute to add an The source attribute specifies the name
image to the webpage. or the URL of the image.
The image tag has no end Src = “HelpingHands.jpg”
tag like <hr/> and <br/>
• ALT
Alternative attribute specifies the
text that should appear if the
image cannot be displayed. ALWAYS STORE THE IMAGE
Alt = “Picture of me” IN THE SAME FOLDER AS
THE WEB PAGE (HTML file) 3
EXAMPLE IN NOTEPAD++
• Height
• Width
Defines the height of the image
Defines the width of the image
in pixels
in pixels
• NB**
• These attributes help the browser load
images more quickly
• To get the dimensions of an image, right click
on the image and go to Properties, details 5
EXAMPLE IN NOTEPAD++
WHAT DO YOU NOTICE?
<ing src = “Sunrise” alt = “The Sun” align =
“left>
Reopen the file Be a Use the star images The height and width of Save and Display the
star.html provided and place a each star must be 45 webpage
different one of these at Pixels
the LEFT side of EACH
SUBHEADING
8
RECAP
EXAMPLE