> 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/element-options/markup-before-and-markup-after.md).

# Markup Before and Markup After

Markup before and markup after let you add your own code before and after the element. It is similar to insertAdjacent. 

![](https://735683391-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWpp_0PwLnj_AXGL2u7%2F-Lopx1t45UCQWO8SaOpY%2F-LopxkEUIasDNIzBRbIn%2Fimage.png?alt=media\&token=6ff31848-a7ce-4445-b88f-92991b92eb46)

This can be used to define things like sections, or no script blocks.

![](https://735683391-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWpp_0PwLnj_AXGL2u7%2F-Lopx1t45UCQWO8SaOpY%2F-LopxqJit8kDMcuyttyU%2Fimage.png?alt=media\&token=76379c27-8223-4842-927a-4fe98bd62ce3)

Use the dropdown to select common tags

![](https://735683391-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWpp_0PwLnj_AXGL2u7%2F-Lopx1t45UCQWO8SaOpY%2F-Lopy4m6m33zbYeITJ92%2Fimage.png?alt=media\&token=2ddfd492-831f-43f9-91fa-9b942f15c243)

Use the more details button on the right side of the field to show a larger form field.

![](https://735683391-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWpp_0PwLnj_AXGL2u7%2F-Lopx1t45UCQWO8SaOpY%2F-LopyCb4Vl4ZaDL-bSO-%2Fimage.png?alt=media\&token=212ef0c4-c315-4048-b7dc-6c89c15396b0)

See the markup inside example for more related examples

{% embed url="<https://developer.mozilla.org/en-US/docs/Glossary/HTML>" %}

{% embed url="<https://developer.mozilla.org/en-US/docs/Web/HTML/Element/section>" %}