HTML Code

<!DOCTYPE html>
<html lang=en>
<head>
  <meta charset=UTF-8>
  <meta name=viewport content="width=device-width,initial-scale=1">
  <title>Featured Article Example</title>
  <style>#main-article{border:1px solid #e2e8f0;padding:1rem;border-radius:8px}#main-article h2{color:#1e40af}</style>
</head>
<body>
  <header>
    <h1>My Blog</h1>
  </header>
  <main>
    <article class=featured-article id=main-article>
      <h2>The Importance of Learning HTML</h2>
      <p>HTML is the foundation of every website. It defines the structure and meaning of content on the web.</p>
      <p>Once you understand HTML, you can combine it with CSS and JavaScript to build interactive and beautiful websites.</p>
      <footer>
        <p>Written by: Mari Selvan</p>
        <p>Published: June 7, 2026</p>
      </footer>
    </article>
  </main>
  <footer>
    <p>&copy; 2026 My Blog. All rights reserved.</p>
  </footer>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

HTML article Tag — Featured Article with class & id