Project 3: Recipe Page

HTML Masterclass

Builds on these lessons

Lists Ordered Lists Unordered Lists Dl Images Insert Images Favicon Titles Favicons

Step 1 of 4

Project

Title, Favicon & Hero Image

Set up the page head with a descriptive <title> and a favicon <link>, then start the body with an <h1> for the recipe name and a hero <img> — always include a meaningful alt attribute, since that's what screen readers and broken-image fallbacks rely on.

🎯 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>Classic Margherita Pizza | Recipe</title>
  <link rel="icon" href="favicon.ico">
</head>
<body>
  <h1>Classic Margherita Pizza</h1>
  <img src="margherita.jpg" alt="A wood-fired margherita pizza with fresh basil and melted mozzarella">
</body>
</html>

← Previous Next →