HTML Academy
Text Markup, Mastery Challenge 4
Text markup6/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
Marking up a recipe
  • 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>Programming and Coding</title> <link rel="stylesheet" href="style.css"> </head> <body> Learning Programming Learning to code is like solving a puzzle. Each step leads to a result, and each result opens a new path. Code Example: const greet = () => { console.log('Hello, world!'); }; greet(); </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