Table Management: HTML
## Overview
This function inserts HTML to load external content (JavaScript, CSS libraries, etc.).
## Prerequisites
1. "Site Administration Permission" is required to configure the settings.
## Setting Method
1. Select the HTML tab in "[Table Management](/en/manual/table-management)" or "Dashboard Management".
![image](https://pleasanter.org/binaries/b9b38bfb2eb64eda92ce47bda7d947f8)
2. Click on a new HTML or registered HTML from the list to display the following dialog.
![image](https://pleasanter.org/binaries/6290d8b1c5bb41d696aec26edeb060f4)
3. Set each item and click the Add or Change buttons. The possible insert positions are as follows.
|No.|Insert Position|Description|
|:--|:--|:--|
|1|Head top|Insert HTML above the meta tag in the body tag. |
|2|Head bottom|Insert HTML below the title tag in the body tag. |
|3|Body script top|Insert HTML above the script tag. |
|4|Body script bottom|Insert HTML below the script tag. |
4. Click the update button in the function button area at the bottom of the screen.
## Usage Example
You can load external content by registering HTML like the one below.
・Style
```
<link href="https://cdnjs.cloudflare.com/ajax/libs/pivottable/2.23.0/pivot.min.css" rel="stylesheet" />
```
・Script
```
<script src="https://cdnjs.cloudflare.com/ajax/libs/pivottable/2.23.0/pivot.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pivottable/2.23.0/pivot.jp.min.js"></script>
<script src="https://cdn.plot.ly/plotly-basic-latest.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pivottable/2.23.0/plotly_renderers.min.js"></script>
```
## Related Information
<div id="ManualList"><ul><li><a href="/en/manual/table-management">Manage Table</a><span>10.02.2024 up</span></li></ul></article></div><input id="SearchTextHidden" type="hidden" value="" />