Reorder HTML test your skills for consistency

[chrisdavidmills]

Description

I got some feedback that the ordering of the "Test your skills" articles has become confusing since the last update. Specifically, in some of the tests, the "solution" live sample appears before the "starting state" live sample, so it is unclear which one to click on to start the test.

To remedy this, I have decided to go through all the "Test your skills" articles and make the structure as consistent as possible throughout, fixing the above issue in the process.

This PR in particular updates the structure of the Structuring content with HTML "Test your skills" articles.

Note: Not all of the tests show the finished state of the example. I have elected not to show it in cases where the before and after rendering look no different, and in cases where the final rendering gives away the answer.

Motivation

Additional details

Related issues and pull requests

[github-actions]

Preview URLs (6 pages)

• /en-US/docs/Learn_web_development/Core/Structuring_content/Test_your_skills/Advanced_HTML_text
• /en-US/docs/Learn_web_development/Core/Structuring_content/Test_your_skills/Audio_and_video
• /en-US/docs/Learn_web_development/Core/Structuring_content/Test_your_skills/Forms_and_buttons
• /en-US/docs/Learn_web_development/Core/Structuring_content/Test_your_skills/HTML_text_basics
• /en-US/docs/Learn_web_development/Core/Structuring_content/Test_your_skills/Images
• /en-US/docs/Learn_web_development/Core/Structuring_content/Test_your_skills/Links

Flaws (4)

Note! 2 documents with no flaws that don't need to be listed. 🎉

Found an unexpected or unresolvable flaw? Please report it here.

URL: /en-US/docs/Learn_web_development/Core/Structuring_content/Test_your_skills/Advanced_HTML_text
Title: Test your skills: Advanced HTML text
Flaw count: 1

• macros:
  • Macro ? produces link /en-US/curriculum/ which doesn't resolve

---

URL: /en-US/docs/Learn_web_development/Core/Structuring_content/Test_your_skills/HTML_text_basics
Title: Test your skills: HTML text basics
Flaw count: 1

• macros:
  • Macro ? produces link /en-US/curriculum/ which doesn't resolve

---

URL: /en-US/docs/Learn_web_development/Core/Structuring_content/Test_your_skills/Images
Title: Test your skills: HTML images
Flaw count: 1

• macros:
  • Macro ? produces link /en-US/curriculum/ which doesn't resolve

---

URL: /en-US/docs/Learn_web_development/Core/Structuring_content/Test_your_skills/Links
Title: Test your skills: Links
Flaw count: 1

• macros:
  • Macro ? produces link /en-US/curriculum/ which doesn't resolve

(comment last updated: 2026-01-28 15:59:15)

[chrisdavidmills]

Converting to draft until I've looked through the review at #42953.