html images links and lists: 18 MCQs with answers

`<img>`

The `` tag embeds an image file into the page. `` and `` are not the correct tags for this job.

`src`

`src` (source) tells the browser where the image lives. `href` belongs to the anchor tag, not ``.

`<a>`

The `` tag, called the anchor tag, creates a hyperlink. Its destination is set by the `href` attribute.

`<ul>`

`` creates an unordered (bulleted) list. `` creates a numbered list and `` wraps a single item.

`alt`

The `alt` attribute provides the text description that screen readers announce. Without it the image is inaccessible.

`<li>`

Each list item is wrapped in `` (list item) tags, whether the list is `` or ``.

True

The `` tag is a void element — it has no closing tag and relies on attributes like `src` and `alt`.

`<ol>`, because sequence matters

`` creates an ordered (numbered) list, which is right when the order of items matters, like recipe steps.

`#contact`

An anchor link uses `#id` to jump to a section on the same page. `contact.html` would load a different page.

`mailto:hi@site.com`

Email links use `mailto:` inside `href` to open the mail client. The other prefixes do not trigger that behaviour.

Wrap the `<img>` inside an `<a>` tag

Placing the `` inside `` makes the image the click target. `` has no `href` attribute of its own.

It gives the menu list structure

The list provides structure, the anchor provides the click target, and the image provides the visual. Destinations come from `href`.

`src` and `alt`

`src` gives the browser something to fetch and `alt` keeps the image accessible. `width` and `height` are optional sizing attributes.

The inner `<ul>` must sit inside the outer `<li>`

A nested list must be placed inside an `` element, not between two `` tags. Closing the outer `` before the inner list breaks the structure.

The link text tells a screen reader nothing about its destination

A link that says "click here" gives no information about where it goes. `href` may hold a URL, a file path, or an anchor.

The list loses its semantic meaning for assistive technology

Writing real ``, `` and `` tags is what lets assistive technology, search engines and other programs understand the page. `` gives visual breaks but no structure.

The outer `<li>` is incorrectly closed before the inner `<ul>` starts.

The outer `` is incorrectly closed before the inner `` starts, which breaks the structure. The correct nesting should have the inner `` entirely contained within the outer ``.

The link will open the user's email client with a new message addressed to info@example.com.

The `mailto:` scheme in the `href` attribute will open the user's default email client with a new message addressed to info@example.com, allowing the user to send an email.