> For the complete documentation index, see [llms.txt](https://tgtaps.gitbook.io/tgtaps-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://tgtaps.gitbook.io/tgtaps-docs/blocks/basic/html.md).

# HTML

HTML block is used to integrate custom UI, CSS styles, external scrips (like Spotify, GitHub, analytics, etc.).

**Important:** HTML block is working only on the page it is placed. If you open and close the page, the HTML block is inserted each time. If you need to use some global scripts which executed once per application launch, you should use [custom script](/tgtaps-docs/features/head-scripts.md).

## Example 1: custom div block

<figure><img src="https://923504530-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4Ussb0ib5NljSmRt4570%2Fuploads%2FRZm4Aj3iIuzJMC2j5T38%2Fimage.png?alt=media&amp;token=a72579bd-cfde-4522-9c03-f07f5d3ab501" alt=""><figcaption></figcaption></figure>

## Example 2: iFrame

You can integrate iFrame into HTML. Keep in mind: you should place HTML block into [a container](/tgtaps-docs/blocks/basic/quickstart.md) with full screen height and select 100% height for HTML block:

<figure><img src="https://923504530-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4Ussb0ib5NljSmRt4570%2Fuploads%2FIPECkJlkQRqiY0RBjn6V%2Fimage.png?alt=media&amp;token=fe3e8139-faaa-4114-b4db-782fd50386cc" alt=""><figcaption></figcaption></figure>

<figure><img src="https://923504530-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4Ussb0ib5NljSmRt4570%2Fuploads%2FO40mqkhHtz22Rf9Al4Xr%2Fimage.png?alt=media&amp;token=dd508333-8221-4f96-a2c3-5d7916b6fcd7" alt=""><figcaption></figcaption></figure>

Let's take an example:<br>

<figure><img src="https://923504530-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4Ussb0ib5NljSmRt4570%2Fuploads%2FCIyARxXbFpJcu6S7C2Js%2Fimage.png?alt=media&amp;token=cad1cf89-bf51-4fe8-a0a3-192ddee0140b" alt=""><figcaption></figcaption></figure>

The iFrame code is:

```
<iframe
   src="https://app.tgtaps.com/"
   width="100%"
   height="100%"
   />

```

The result is:

<figure><img src="https://923504530-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4Ussb0ib5NljSmRt4570%2Fuploads%2FU5316QO5e3goxCdVMIfO%2Fimage.png?alt=media&amp;token=afc5103c-8016-4e86-8e14-b5d3a35e4869" alt=""><figcaption></figcaption></figure>

***

Something unclear in docs or you know how to improve article? [Message us in community!](https://docs.tgtaps.com/tgtaps-docs/readme/community)\
We will answer you and then promise to improve the article within 3 days.