First success

Save your work

Lesson 2 of 18 · About 20 minutes

Your goal: Keep a copy you can use again.

Learn

Run Code updates the preview. Save draft keeps the code in this browser on this device. Download HTML creates a file you can open in your browser or VS Code. None of these publishes a website.

View starter code

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>My hobby page</title>
    <style></style>
  </head>

  <body>
    <h1>My hobby</h1>
    <p>I enjoy learning something new.</p>
  </body>
</html>

Your challenge

Change the heading, save a draft, and download your HTML. Open the downloaded file.

Keep developing your hobby page: Download HTML before leaving the sandbox, then choose Open HTML file when returning to your project. Load saved draft restores only this lesson’s draft in this browser.

Practise in the sandbox

Show a hint

Use Save draft on this device, then Download HTML. Your browser may ask where to save the file.

Show a sample answer

Try the challenge first. This is one possible answer or a snippet to adapt.

Save the file as my-hobby.html. Open it in a browser to view it or in VS Code to edit it.

Check your work

The downloaded page opens and contains your changed heading.

I tried the challenge and checked the result.

Completion is your own check, not an automatic grade.