# Creating basic interactive HTML/JavaScript elements ```{iframe} ../_static/element_pdf_and_cdf.html :width: 600px :height: 300px ``` At the bottom of this page, I will provide the full code for the interactive element above. In this section, let us go through the code one piece at a time. Let us begin from the top. In the first line, we specify that this file is a HTML file. In the header (``), we can load packages we need later on. Within the ` ``` Next, we create a `

`. This is an HTML element that groups other HTML elements. In our case, it only contains a [SVG](https://en.wikipedia.org/wiki/SVG) named `"click"`. This SVG will serve as the canvas on which we will later place the interactive content. ```html

``` So far, all of this has just been setup. The real magic begins in the HTML's ``, which contains the ` ``` ## HTML code for the pdf/cdf element Here is the code for the element above in full: ```html

```