# Referencing SpreadJS

A walkthrough of adding SpreadJS references to code

## Content

For information on adding references, see [Getting Started](/spreadjs/docs/v18/getstarted).
You can get the latest files for Scripts and CSS file references from [here](https://developer.mescius.com/spreadjs/download).
To add references in code, follow the steps below:

1. Create ‘SpreadJS’ folder at the same location where you have saved the HTML file. Add following script and css files to ‘SpreadJS’ folder:
    `gc.spread.sheets.all.x.x.x.min.js`
    `gc.spread.sheets.x.x.x.css`
2. Open ‘Notepad’ or your preferred code editor.
3. Add the following code which adds reference for SpreadJS Script and CSS files.

    ```
    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <!-- a) Add SpreadJS Script and CSS-->
        <!-- a1) Add SpreadJS Script file-->
        <script type="text/javascript"
                src="SpreadJS\gc.spread.sheets.all.x.x.x.min.js"></script>
    
        <!-- a2) Add CSS File-->
        <link href="SpreadJS\gc.spread.sheets.x.x.x.css"
              rel="stylesheet"
              type="text/css" />
        <style>
            .spread-container {
                height: 550px;
            }
        </style>
    </head>
    <body>
    </body>
    </html>    
    ```