STRUCTURAL
Structural elements define the basic layout of a webpage and group related content together.
They help browsers and developers understand the content hierarchy.
<html></html><head></head><body></body><main></main><section></section>
TEXT
Text elements are used to format and present content.
They include headings, paragraphs, emphasis, and more.
<h1>Main Heading</h1><p>Paragraph text</p><strong>Bold text</strong><em>Italic text</em><br>
INTERACTIVE
Interactive elements enable user interaction like clicking or toggling content.
They are essential for dynamic user experiences.
<button>Click me</button><a href="#">Link</a><details><summary>Info</summary>More details</details><dialog></dialog><label></label>
INPUT
Input elements allow users to enter and submit information on a webpage.
These are commonly used inside forms to gather data.
<input type="text"><input type="email"><textarea></textarea><select><option></option></select><form></form>
MULTIMEDIA
Multimedia elements embed images, videos, and audio content in web pages.
They enrich the user experience and support diverse content formats.
<img src="img.jpg" alt="description"><audio controls></audio><video controls></video><iframe src="..."></iframe><source src="...">