HTML Code

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <meta name="description" content="A simple webpage with a well-structured head section.">

  <meta name="author" content="Your Name">

  <title>HTML Head Example</title>

  <link rel="stylesheet" href="styles.css">

  <style>

    body { font-family: system-ui, sans-serif; padding: 2rem; max-width: 640px; margin: 0 auto; }

    h1 { color: #1e40af; }

    .note { background: #eff6ff; border-left: 4px solid #3b82f6; padding: 12px 16px; border-radius: 0 8px 8px 0; }

  </style>

  <script src="script.js" defer></script>

</head>

<body>

  <h1>HTML Head Example</h1>

  <p class="note">The head holds metadata and linked resources. This visible content lives in body.</p>

</body>

</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

HTML Head — Complete Example