
// Async Tests Example
/*
window.onModulesLoaded = new Promise( function( resolve, reject ) {
  setTimeout(function() {
    pTag = document.querySelector("div");
    pTag.innerHTML = '';
    newVal = document.createElement("p");
    newVal.innerHTML = 'Hello World';
    pTag.appendChild(newVal);
    resolve();
  }, 100)
});
*/

img{
    height: 300px;
    width: 500px;
    margin: 10px;
}

codemirror

<html>
 <head>
 </head>
 <body>
   <figure>
      <img src="https://educative-discourse-uploads.storage.googleapis.com/original/1X/09f5aae6490cdc520fc93292bbe0da28b0cfdf31.jpeg" alt="educative brand image"/>
      <figcaption>
      educative brand image
      </figcaption>
   </figure>  
 </body>
</html>

img{
    height: 300px;
    width: 500px;
    margin: 10px;
}


<html>
 <head>
 </head>
 <body>
   <figure>
    <figcaption>Swap variable values in <code>python</code>.</figcaption>
    <pre>
      a = 1
      b = 2
      a,b = b,a
    </pre>
  </figure>
  <hr/>
  <figure>
    "Programming isn't about what you know; it's about what you can figure out."
    <figcaption><cite>- Chris Pine</cite></figcaption>
  </figure>
 </body>
</html>

document.addEventListener("DOMContentLoaded", function () {
  pTag = document.querySelector("div");
  newVal = document.createElement("p");
  newVal.innerHTML = 'Hello, Hello';
  pTag.appendChild(newVal);
});


What are <figure> and <figcaption> tags in HTML?

       OverviewThe  tag represents free-standing content like photos, illustrations, code, and so on in a document. This tag goes along with the main flow of the document and doesn t affect the document s flow if removed or moved to another part.Let s use a  tag to display an image.

What are <figure> and <figcaption> tags in HTML?

Overview

Explanation

The `figcaption` tag

Examples

Explanation

What are <figure> and <figcaption> tags in HTML?

Overview

Explanation

The figcaption tag

Examples

Explanation

The `figcaption` tag