HTML Code

<!DOCTYPE html>
<html lang=en>
<head>
  <meta charset=UTF-8>
  <meta name=viewport content="width=device-width,initial-scale=1">
  <title>Structured Article Example</title>
</head>
<body>
  <article>
    <header>
      <h2>Getting Started with Semantic HTML</h2>
      <p>Published <time datetime=2026-06-07>June 7, 2026</time></p>
    </header>
    <p>Semantic HTML elements like &lt;article&gt;, &lt;header&gt;, and &lt;footer&gt; help browsers and search engines understand your content.</p>
    <p>Each article should make sense on its own if syndicated or shared.</p>
    <footer>
      <address>
        Written by <a href=mailto:author@codetofun.com>Mari Selvan</a>
      </address>
    </footer>
  </article>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

HTML article Tag — Header, time & address