HTML Images

Use the HTML image attributes to set the size of the image to 250 pixels wide and 400 pixels tall.

• <img src="scream.png" width="250" height="400">

• <image source="scream.html">

Use CSS to set the size of the image to 250 pixels wide and 400 pixels tall.

• <img src="scream.png" size="wide:250px;high:400px;">

• <img src="scream.png" style="width:250px;height:400px;">

Use the correct HTML to make the image become a link to "default.html".

• <a href="default.html">

  <img src="smiley.gif">

  </a>

• <link>

  <img src="smiley.gif">

  </link>

Make the image below float to the right of the paragraph.

• <p>

  <img src="smiley.gif" style="align:right;">

  This is a paragraph.

  This paragraph contains an image

  </p>

• <p>

  <img src="smiley.gif" style="float:right;">

  This is a paragraph.

  This paragraph contains an image

  </p>

Add the correct HTML attribute to display the "smiley.gif" image.

• <img src="smiley.gif">

• <img display="smiley.gif">

Specify an alternate text for the image.

The alternate text should say "Smiley".

Alternate text is useful when the image cannot be displayed, like when the page is read by a screen reader.

• <img src="smiley.gif" alt="Smiley">

• <img src="smiley.gif" text="Smiley">

src - Specifies the path to the image

• True

• False

alt - Specifies an alternate image for the image

• True

• False

The HTML <img> tag is used to embed an image in a web page.

• True

• False

The <img> tag is empty, it contains attributes only, and does not have a closing tag.

• True

• False