span - button - div - video - audio

Span: This is a generic inline container, often used to style or apply classes to specific text or inline elements. It doesn’t affect the layout but lets you group parts of text or elements for styling or JavaScript.

Button: This is used to create clickable buttons for user interactions. Commonly, it’s used to trigger actions, like submitting forms, opening modals, or executing scripts.

Div: This is a block-level container, often used to group content. It’s very versatile and is commonly used for layout purposes, allowing you to organize sections of a webpage.

Video: This embeds a video player in the webpage, enabling users to play video files directly in the browser without needing external media players. It can include controls for play, pause, and volume.

Audio: Similar to the video element, this embeds an audio player, allowing users to listen to sound files like music or podcasts directly on the page, with basic playback controls available.

Each of these elements is essential for structuring and adding interactive or multimedia components to a webpage.