Week 12 - WDI

In order to insert an image called dog.jpg into a webpage we need to type the instruction:

• <img src="dog.jpg" alt="Puppy">

• <img src="dog.jpg" alt="Puppy"></img>

• <img scr="dog.jpg" alt="Puppy">

• <img scr="Dog.jpg">

The image element does not have a closing tag

• False

• True

• Sometimes

• Most of time

Which of the following is NOT a reason to avoid copying the link address of an image on the internet and use it in your replit project:

• If that image is taken off the internet, your image cannot display

• The image address can sometimes be extremely long and make your website code very messy

• The image does not upload with the right size

• You can't edit the image in any way, so you are stuck with whatever the image looks like originally

The section you use in replit to upload the pictures that your webpage is going to use is called:

• Webview

• Images

• Files

• Shell

The meaning of "src" in an image element is:

• Specifies the dimension of the image

• Specifies the alternate text for the image

• Specifies the service request confirmation for that image

• Specifies the path to the image

The meaning of "alt" when using an image element is:

• Specifies the path to the image

• Specifies the width of the image

• Specifies the height of the image

• Specifies a text to describe the image when the browser cannot find it

When you read the instruction:

<img src="dog.jpg" alt="dog" width="500" height="300">

It means that

• Most likely the webpage will load the image of a cat

• "dog.jpg" is the image file name, the description for the image is "dog", the width is "500" and the height is "300"

• "dog.jpg" is the description for the image, the image file name is "dog", the width is "500" and the height is "300"

• the name of the image and the description must always be the same, that is why the word "dog" is used twice

The following are examples of files that can be used as images but:

• puppy.jpg

• cat.png

• lion.jpeg

• fish.pdf

If you want to click on an image in order to either launch a website or open the image in its original size in a new browser tab then you must:

• set the image property in replit to "on"

• it cannot be done

• place an image element in between the opening and closing tags of a link element

• place a link element inside an image element

In order to create rounded images you must use the property:

• round

• border-radius

• corner-to-round

• create-round