HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>MIME Types Demo</title>
  <style>
    body { font-family: system-ui, sans-serif; padding: 1.5rem; }
    .box { background: #eff6ff; border: 1px solid #93c5fd; padding: 1rem; border-radius: 8px; }
  </style>
</head>
<body>

  <h1>MIME Types in Action</h1>
  <p>This page is <strong>text/html</strong>. The CSS above is <strong>text/css</strong>.</p>
  <div class="box" id="msg">JavaScript below runs as <strong>application/javascript</strong>.</div>

  <script>
    document.getElementById("msg").innerHTML += " ✓ Loaded!";
  </script>

</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

MIME Types — HTML Page with CSS and JavaScript