Three New Tags

<iframe>Inline Frame</iframe>

The <iframe> tag specifies an inline frame. An inline frame is used to embed another document within the current HTML document. This creates a "frame" that acts as a window to display content from an external URL or another section of your own website. Please note the example below:


This is an embeded Spotify iframe with a favorite song of mine.

The code that produced the output above looks like this:

<iframe style="border-radius:12px"
src="https://open.spotify.com/embed/track/5N2kRCVevaX7V87akBBLs1?utm_source=generator"
width="30%"
height="152"
frameBorder="0"
allowfullscreen=""
allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"
loading="lazy" ></iframe>

I found this tag at w3schools.com

<button>Button</button>

The <button> tag in HTML is used to create clickable buttons on a web page, allowing users to perform actions or trigger JavaScript functions. <button> elements are highly customizable and can contain text, images, or icons, providing flexibility for interactive elements. Please note the example below:



The code that produced the output above looks like this:

<div id="buttonBlock"> <button type="button" onclick="green()">Green</button>
<button type="button" onclick="blue()">Blue</button>
<button type="button" onclick="reset()">Reset</button>
 </div>

I found this tag at developer.mozilla.org

<script>Script</script>

The <script> tag in HTML is used to embed or reference executable code, typically JavaScript, within a web page. This allows you to add interactivity, manipulate the Document Object Model (DOM), handle events, and perform various dynamic operations to enhance the user experience. The example is the functionality of the buttons.
The code that produced the output above looks like this:

<script> function green() {
document.getElementById("buttonBlock").style.background='green';
 }
function blue() {
document.getElementById("buttonBlock").style.background='blue';
 }
function reset() {
document.getElementById("buttonBlock").style.background='white';
 }
 </script>

I found this tag at geeksforgeeks.org