Update splash page challenge

[chrisdavidmills]

Description

This PR is part of a series in which I update the Learn area "Challenge" articles. In general, they need to be modernized, restructured, and put in better positions in the modules so they are spaced out better and test subjects that have already been covered.

This PR improves the Mozilla splash page challenge. Specifically, it:

• Provides a completely new challenge, with new assets, which tests images/figures/videos.
• Streamlines the question wording and presents the sample text to work on in the example. In general, the presentation has been made consistent with the new marking up a letter challenge.
• Includes a summary/detail containing the final markup, to allow the reader to self-assess more easily.

Motivation

Additional details

Related issues and pull requests

Fixes #32082

[github-actions]

Preview URLs

• /en-US/docs/Learn_web_development/Core/Structuring_content/HTML_table_basics
• /en-US/docs/Learn_web_development/Core/Structuring_content/Splash_page
• /en-US/docs/Learn_web_development/Core/Structuring_content/Test_your_skills/Audio_and_video
• /en-US/docs/Learn_web_development/Core/Structuring_content

External URLs (10)

URL: /en-US/docs/Learn_web_development/Core/Structuring_content/Splash_page
Title: Challenge: Creepy-crawly splash page

• https://codepen.io/ (1 time) (Note! This may be a new URL 👀)
• https://jsfiddle.net/ (1 time) (Note! This may be a new URL 👀)
• https://mdn.github.io/shared-assets/images/examples/learn/crawlies/bee.jpg (1 time) (Note! This may be a new URL 👀)
• https://mdn.github.io/shared-assets/images/examples/learn/crawlies/beetle.png (1 time) (Note! This may be a new URL 👀)
• https://mdn.github.io/shared-assets/images/examples/learn/crawlies/butterfly.jpg (1 time) (Note! This may be a new URL 👀)
• https://mdn.github.io/shared-assets/images/examples/learn/crawlies/mosquito.jpg (1 time) (Note! This may be a new URL 👀)
• https://mdn.github.io/shared-assets/images/examples/learn/crawlies/spider.jpg (1 time) (Note! This may be a new URL 👀)
• https://mdn.github.io/shared-assets/images/examples/learn/crawlies/true_bug.jpg (1 time) (Note! This may be a new URL 👀)
• https://mdn.github.io/shared-assets/videos/learn/bug_video_640.mp4 (1 time) (Note! This may be a new URL 👀)
• https://validator.w3.org/ (1 time) (Note! This may be a new URL 👀)

(comment last updated: 2025-08-28 10:27:52)

[Josh-Cena]

This fixes #32082 right?

[chrisdavidmills]

@bsmth OK, this is now updated with the new image info, and ready to review.

[bsmth]

These have "your browser doesn't support" for video and audio, not sure if we want to keep that, still

[chrisdavidmills]

Ah yes. Removed.

[bsmth]

This is in the sibling dir ../splash_page/finished-splash-example.png

[chrisdavidmills]

Not sure what you mean here. The path is correct.

[bsmth]

Couple of small things to fix up, but leaving a +1 for when you've had a look 👍🏻