<img>
<maryam ahmed>
<img>
- Short for “image”
- defines an image
Attributes

                       <img src=" ">




img= image
src=source
The <img src= " "> attribute
retrieves the image from the URL specified
Attributes

                     <img src="url" alt="some_text">




alt= alternative text
alt= alternative text
The alt attribute provides alternative
        attribute provides alternative
text for the viewer in case the image can
text for the viewer in case the image can
not load.
not load.
http://laurenelisephotography.wordpress.com
Attributes
               <img src="pic.jpg" alt="text" width="304" height="228">
               <img src="pic.jpg" alt="text" width="304" height="228">




width= the width of the image
width= the width of the image
height= the height of the image
height= the height of the image
These attributes specify the width and height of an image
These attributes specify the width and height of an image
displayed on a website.
displayed on a website.
620px




438px




                                  height
                          width
http://wishwishwish.net
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<html>
<body>
<body>

<h2>First Day of School</h2>
<h2>First Day of School</h2>
<img src="http://media.tumblr.com/tumblr_mazo4kXgFb1qgyahl.jpg" >
<img src="http://media.tumblr.com/tumblr_mazo4kXgFb1qgyahl.jpg" >

</body>
</body>
</html>
</html>
First day of School
Maryam Ahmed 10x10

Maryam Ahmed 10x10

  • 1.
  • 2.
    <img> - Short for“image” - defines an image
  • 3.
    Attributes <img src=" "> img= image src=source The <img src= " "> attribute retrieves the image from the URL specified
  • 4.
    Attributes <img src="url" alt="some_text"> alt= alternative text alt= alternative text The alt attribute provides alternative attribute provides alternative text for the viewer in case the image can text for the viewer in case the image can not load. not load.
  • 5.
  • 6.
    Attributes <img src="pic.jpg" alt="text" width="304" height="228"> <img src="pic.jpg" alt="text" width="304" height="228"> width= the width of the image width= the width of the image height= the height of the image height= the height of the image These attributes specify the width and height of an image These attributes specify the width and height of an image displayed on a website. displayed on a website.
  • 7.
    620px 438px height width http://wishwishwish.net
  • 8.
    <!DOCTYPE html> <!DOCTYPE html> <html> <html> <body> <body> <h2>FirstDay of School</h2> <h2>First Day of School</h2> <img src="http://media.tumblr.com/tumblr_mazo4kXgFb1qgyahl.jpg" > <img src="http://media.tumblr.com/tumblr_mazo4kXgFb1qgyahl.jpg" > </body> </body> </html> </html>
  • 9.