0% found this document useful (0 votes)
9 views9 pages

HTML3 ImgSrc

Uploaded by

ziyaadc4
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
9 views9 pages

HTML3 ImgSrc

Uploaded by

ziyaadc4
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 9

HTML

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++

**ALWAYS STORE THE IMAGE IN THE SAME FOLDER AS


THE WEB PAGE (HTML file)** 4
ADDING IMAGES CONT.

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

<“img”= src =“Carrots.mb” alt = “Carrots.jpg” widh = “300” heigh


=“250”>

<img src = “Sunrise.jpg” alt = “The Sun” align = “left”/>

<img src =“Carrots.jpg” alt = “Carrots” width = “300” height =“250”/>


7
ACTIVITY 3
P.G 294

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

<img src = “smileyface.jpg” alt = “Happy Face” align = “left”/>

<img src =“logo.jpg” alt = “Study Opportunities” width = “300” height


=“250”/>

You might also like