> For the complete documentation index, see [llms.txt](https://velara-3.gitbook.io/web-export/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://velara-3.gitbook.io/web-export/elements-and-sub-elements.md).
# Elements and Sub Elements
Elements and sub elements
Web Export creates code from the elements in your artboard. Usually the code is one or two blocks.
A Ellipse in an artboard becomes an SVG Ellipse.
In the Ellipse above there are two tags that are used, the **svg** tag and the **ellipse** tag:
```
```
Some elements are one tag:
```
```
In the Element options view some fields have two fields next to each other. For example, there is a Styles field and a Sub Styles field.
The first field is used to set the styles on the first tag and the second field is to set the styles on the second tag.
If we select an Ellipse element then the **SVG** tag will be styled by the first field and the **ellipse** tag will be styled by second field.
When an element is only a single tag, like the Artboard or a group (container) only the first field applies. Setting the sub field does nothing.
You can see the effects when we add a class to an element and add a class to the sub element:
Before:
After:
{% embed url="" %}
{% embed url="" %}
{% embed url="" %}