<!DOCTYPE html>
<html lang="en">
<head>
  <!-- Character encoding: always UTF-8 -->
  <meta charset="UTF-8" />
  <!-- Responsive viewport for mobile devices -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <!-- SEO description shown in search results -->
  <meta name="description" content="Learn common HTML meta tags." />
  <!-- Author of the page -->
  <meta name="author" content="EasyCode Dev" />
  <!-- Open Graph tags for social media previews -->
  <meta property="og:title" content="Meta Tags Example" />
  <title>Meta Tags</title>
</head>
<body>
  <h1>Meta Tags</h1>
  <p>Meta tags describe the page to browsers and search engines.</p>
</body>
</html>