# How Exporting Works Exporting takes your artboard and elements and exports it to the web. Each element is translated into a HTML or SVG code counter part. **Artboards** are exported as a div. In the documentation Artboards are referred to as ***views***. **Artboard layers** and **groups** are exported as [HTMLElements](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement). HTMLElement is the base class for HTML elements like div, img, span, etc. In the documentation layers and groups are referred to as ***elements***. #### Exported Elements Layers are converted to the default HTML and CSS at this time. You can add or subtract to the exported HTML and CSS. {% hint style="info" %} The code you see here is subject to change. The first goal has been to get an accurate representation. The second phase is to improve the code quality from the feedback of the community. {% endhint %} {% hint style="info" %} The code you see here is ***able*** to be changed by ***you*** using the tools provided. {% endhint %} {% hint style="info" %} Any layer can be exported as an image. Use the [Export as Image](https://velara-3.gitbook.io/web-export/element-options/convert-to-image) option. {% endhint %} #### Page template ``` <!--page_title--> ``` #### Artboard ```
...
``` #### Artboards ```
...
...
...
...
...
``` #### Group ```
...
``` #### Text ```
My summer vacation
``` #### Rectangle ``` ``` #### Ellipse ``` ``` #### Line ``` ``` #### Path ``` ``` #### Polygon ``` ``` #### Image ``` ``` {% hint style="info" %} If you are new to web development or want a well rounded review read [Getting Started with the Web](https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web). {% endhint %} {% embed url="" %} {% embed url="" %} {% embed url="" %} {% embed url="" %} {% embed url="" %} {% embed url="" %} {% embed url="" %}