HTML Academy
Marking up a recipe
Text markup8/20
Back to the list of challenges
  • 1. Artwork
  • 2. Text Markup, Mastery Challenge 1
  • 3. Text Markup, Mastery Challenge 2
  • 4. Text Markup, Mastery Challenge 3
  • 5. Text Markup, Mastery Challenge 4
  • 6. Text Markup, Mastery Challenge 5
  • 7. Marking up a recipe
  • 8. Text Markup, Mastery Challenge 8
  • 9. Text Markup, Mastery Challenge 10
  • 10. Text Markup, Mastery Challenge 9
  • 11. Text Markup, Mastery Challenge 6
  • 12. Text Markup, Mastery Challenge 7
  • 13. Multi-level shopping list
  • 14. Strange formula
  • 15. Eternal revisions
  • 16. Text Markup, Hardcore Mastery Challenge 1
  • 17. Text Markup, Hardcore Mastery Challenge 2
  • 18. Text Markup, Hardcore Mastery Challenge 3
  • 19. Text Markup, Hardcore Mastery Challenge 4
  • 20. Text Markup, Hardcore Mastery Challenge 5
Text Markup, Mastery Challenge 10
  • Sign up
  • Log in

Register to take up challenges

Registration will only take a minute and let you save your study progress. You can register with your email and password or login via social networks.

or
Log in and continue
  • index.html
  • style.css
HTML
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Historical Events in Space</title> <link rel="stylesheet" href="style.css"> </head> <body> Historical Events in Space In 1969, the first launch of a lunar rover took place. This historical event opened new horizons in space exploration. Over the years, scientists improved technologies, creating more advanced devices. Since then, space exploration has continued to develop. Modern research includes achievements such as rovers on Mars and automatic stations. Key Events 1969 — launch of the lunar rover 1973 — launch of the Mars rover 2020 — mission to Mars Modern research: Mars rovers Automatic stations </body> </html>
CSS
body { width: 500px; margin: 0; padding: 10px; font-family: "Arial", sans-serif; font-size: 16px; line-height: 1.2; }

What didn’t you like in this task?

Thanks! We’ll fix everything at once!

100%
  • Goal
  • Result
  • Overlay
  • Differences
  • ?

Press Compare to send your code for review.

Failed to load the goal. Try later.

Goal — the interface you need to get.

Result — the way the server sees your code. Can differ from what you see in the mini-browser. The comparison is made between this result and the goal.

Overlay — semi-transparent result is shown above the goal.

Differences — the map of differences between the goal and the result.

Done 0%.
The code has been changed

Cookies ∙ Privacy ∙ License Agreement ∙ About ∙ Contacts ∙ © HTML Academy OÜ, 2019−2025

VISAMastercard