HTML Images

Images can ​ (a)   the design and the ​ (b)   of a web page.

• appearance
• improve

Which is the correct code to insert this image?

• <img src="pic_trulli.jpg" alt="Italian Trulli">

• <img> src="pic_trulli.jpg" alt="Italian Trulli" </img>

• <img alt="pic_trulli.jpg" src="Italian Trulli">

<img src="​ (a)   " alt="​ (b)   ">

• img_girl.jpg
• Girl in a jacket

<img ​ (a)   ="img_chania.jpg" ​ (b)   ="Flowers in Chania">

• src
• alt

HTML Images Syntax

The HTML <img> tag is used to embed an ​ (a)   in a web page. Images are not technically inserted into a web page; images are ​ (b)   to web pages.

The <img> tag creates a ​ (c)   for the referenced image.

• image
• linked
• holding space

The tag is empty, it contains attributes only, and ​ (a)   have a closing tag.

The tag has ​ (b)   required attributes: src - ​ (c)   alt - ​ (d)  

• does not
• two
• Specifies the path to the image
• Specifies an alternate text for the image

The src Attribute The required src ​ (a)   specifies the path (​ (b)   ) to the image.

• URL
• attribute

Note: When a web page loads, it is the ​ (a)   , at that moment, that gets the ​ (b)   from a web server and ​ (c)   into the page. Therefore, make sure that the image actually stays in the same spot in relation to the web page, otherwise your visitors will get a​ (d)   icon. The broken link icon and the alt text are shown if the browser ​ (e)   the image.

• browser
• image
• inserts it
• broken link
• cannot find

The required alt attribute provides an ​ (a)   for an image, if the user for some reason ​ (b)   view it (because of slow connection, an error in the src attribute, or if the user uses a screen reader).

<img src="img_chania.jpg" alt="​ (c)   ">

• alternate text
• cannot
• Flowers in Chania