Question

learning objective: differentiate the correct use of images and icons to add visual appeal to a webpage. which line of code correctly imports the logo for the pet store “canines and cats”? a.) <img =\images/logo.jpg\ height=\200\ width=\200\ alt=\logo images with dogs and cats\> b.) <img src=\images/logo.jpg\ height=\200\ width=\200\ alt=\canines and cats logo\> c.) <img src=\images/logo.jpg\ height=\200\ width=\200\ alt=\logo image with dogs and cats in a house with their owner\> d.) <img src=\images/logo.jpg\ height=\200\ width=\200\ alt=\\>

Explanation:

In HTML, to import an image, the img tag is used with the src attribute to specify the source file path. The alt attribute provides alternative text for the image, which should be a concise description of the image. Option b has the correct src usage and a relevant alt text for the pet - store logo. Option a has incorrect syntax as it uses = instead of src= in the img tag. Option c has an overly detailed alt text which is not necessary for a simple logo. Option d has an empty alt text which is not good for accessibility.

Answer:

B. <img src="images/logo.jpg" height="200" width="200" alt="Canines and Cats logo">