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="Learn the HTML head element step by step.">
  <title>HTML Head — Social Preview</title>

  <!-- Open Graph (Facebook, LinkedIn, etc.) -->
  <meta property="og:title" content="HTML Head Tutorial">
  <meta property="og:description" content="Learn metadata, SEO, and linked resources.">
  <meta property="og:type" content="website">

  <!-- Twitter Card -->
  <meta name="twitter:card" content="summary">
  <meta name="twitter:title" content="HTML Head Tutorial">
</head>
<body>
  <h1>Social sharing meta tags</h1>
  <p>These tags live in head — invisible on the page but used when the URL is shared.</p>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

HTML Head — Open Graph Meta Tags