Project 9: Travel Destination Page

HTML Masterclass

Builds on these lessons

Meta Tags Meta Tags Modern 2026 Seo Open Graph Seo Twitter Cards Data Attributes

Step 1 of 4

Project

Skeleton & Destination Content

Build the visible page first: an <h1> naming the destination, a hero <img>, and two paragraphs describing it. Nothing new syntactically here — this is the content the metadata you add next will describe to the outside world.

🎯 Your Task

Please add the exact code shown in the light gray box below to your editor.Do not delete your previous code, just insert these new lines in the correct place!

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Kyoto in Autumn | Wanderlist</title>
</head>
<body>
  <h1>Kyoto in Autumn</h1>
  <img src="kyoto-maples.jpg" alt="Red maple leaves over a traditional wooden temple in Kyoto">
  <p>Late November turns Kyoto's temple gardens into a sea of red and gold.</p>
  <p>Base yourself near Higashiyama and you can walk to half the city's must-see sights.</p>
</body>
</html>

← Previous Next →