Playground ให้ทดลองเล่นเพื่อการเข้าใจที่ง่ายขึ้น

ทดลองดู ทดลองเล่น เพื่อเข้าใจ concept ก่อนลงมือทำจริง

⚠️

ยังไม่เรียบร้อย อยู่ระหว่างการพัฒนา

Interactive HTML Elements

Select a concept below to explore and interact with HTML elements

Semantic HTML Elements

HTML Semantic Elements

Website Header

<main>

Article Title

This is an article with some sample content.

This is a section element - a thematic grouping of content.

Generated Code

<header>
  <h1>Website Header</h1>
</header>

<nav>
  <a href="#">Home</a>
  <a href="#">About</a>
  <a href="#">Services</a>
  <a href="#">Contact</a>
</nav>

<main>
  <article>
    <h2>Article Title</h2>
    <p>This is an article with some sample content.</p>
  </article>

  <section>
    <p>This is a section element.</p>
  </section>
</main>

<aside>
  <h3>Sidebar</h3>
  <p>Related content goes here.</p>
</aside>

<footer>
  <p> 2024 Website Footer</p>
</footer>