Verified Solutions
How do you make a "hidden message" appear only when you hover over an image?
✔✔Wrap the message in a `<span>` inside a `<div>`, and use CSS to show the `<span>` only on
hover.
What's the HTML tag to give text a "pop-up" tooltip effect when hovering over it?
✔✔The `title` attribute on any tag displays a tooltip with the text when hovered over.
How can you create a "self-destructing" message that disappears after a few seconds?
✔✔Wrap the text in a `<span>` and use CSS animations or JavaScript to fade it out after a delay.
What’s the best way to make an HTML page look like a “secret document” with a redacted
section?
✔✔Use the `<span>` tag with a black background to hide “redacted” text, creating a classified
look.
How do you create a "scrollable treasure map" image in HTML?
1
, ✔✔Put the image inside a `<div>` with `overflow: scroll` to make it scrollable.
What's the tag for adding a "hidden gem" image that only appears on small screens?
✔✔Use the `<picture>` tag with a `<source>` element specifying different images for various
screen sizes.
How do you create a "zoom lens" effect on an image?
✔✔Wrap the image in a `<div>` with CSS that enlarges it on hover, giving a zoomed effect.
What's the simplest way to create a "film strip" of images on a webpage?
✔✔Use a `<div>` containing multiple `<img>` tags, arranged in a row with CSS `display: flex`.
How can you add "credits" below a video or image in HTML?
✔✔Place a `<figcaption>` inside a `<figure>` tag around the media for a caption or credits.
What HTML attribute would you use to create a text "hidden in plain sight"?
✔✔Use the `title` attribute with empty text or invisible text styled with CSS.
2