\
**Category:** Beginners\
**Created:** [May 28, 2020, 2:20pm UTC](https://discourse.processing.org/t/what-do-i-put-in-the-html-file/21373 "2020-05-28T14:20:11Z")\
**Posts on this page:** 11\
**Page:** 1
**Author:**  [@Rahul](https://discourse.processing.org/u/Rahul)\
**Post date:** [May 28, 2020, 2:20pm UTC](https://discourse.processing.org/t/what-do-i-put-in-the-html-file/21373/1 "2020-05-28T14:20:11Z")
I’m learning Processing and want to be able to write it in a text editor on my computer. I downloaded _processing.js_ and have written a quick sketch called _program.pde_:
```auto
void setup() {
size(200, 200);
fill(200);
ellipse(10, 20, 30, 40);
}
```
Now, from what I know, I need to put an html file in the same folder as _processing.js_ and _program.pde_. I’ve looked around for hours and hours, and I’ve tried putting many things in the html file, but nothing seems to work. I never get my ellipse when I open the html file in Chrome. I’ve tried this:
```auto
Test
```
…and this:
```auto
```
…and much more, but I’ve never gotten anything on the webpage. If someone could help me figure this out, that would be very much appreciated! Thanks.
---
**Author:**  [@GoToLoop](https://discourse.processing.org/u/GoToLoop)\
**Post date:** [May 28, 2020, 2:30pm UTC](https://discourse.processing.org/t/what-do-i-put-in-the-html-file/21373/2 "2020-05-28T14:30:40Z")
> [@Maximum size of a method in Processing](https://discourse.processing.org/t/maximum-size-of-a-method-in-processing/17136/29):
>
> Another workaround: [Chrome-allow-file-access-from-file.com](http://Chrome-allow-file-access-from-file.com) A more complete solution: More solutions: [GitHub.com/processing/p5.js/wiki/Local-server](http://GitHub.com/processing/p5.js/wiki/Local-server)
---
**Author:**  [@Rahul](https://discourse.processing.org/u/Rahul)\
**Post date:** [May 28, 2020, 2:33pm UTC](https://discourse.processing.org/t/what-do-i-put-in-the-html-file/21373/3 "2020-05-28T14:33:04Z")
Thanks. If I want to use Chrome, which workaround do you suggest?
---
**Author:**  [@GoToLoop](https://discourse.processing.org/u/GoToLoop)\
**Post date:** [May 28, 2020, 2:34pm UTC](https://discourse.processing.org/t/what-do-i-put-in-the-html-file/21373/4 "2020-05-28T14:34:29Z")
The extension approach is the easiest. 😉
You can also take a look at the “index.html” file from the sketch link below: 🔗
> **[Brownian Motion](https://bl.ocks.org/GoToLoop/145418d1dfb062c7c41a630bce5b8374)**
>
> GoToLoop’s Block 145418d1dfb062c7c41a630bce5b8374
---
**Author:**  [@Rahul](https://discourse.processing.org/u/Rahul)\
**Post date:** [May 28, 2020, 2:36pm UTC](https://discourse.processing.org/t/what-do-i-put-in-the-html-file/21373/5 "2020-05-28T14:36:41Z")
Sorry, but you mean the Github local server?
---
**Author:**  [@GoToLoop](https://discourse.processing.org/u/GoToLoop)\
**Post date:** [May 28, 2020, 2:39pm UTC](https://discourse.processing.org/t/what-do-i-put-in-the-html-file/21373/6 "2020-05-28T14:39:41Z")
No, I’ve meant the Chrome’s **_EXTENSION_**. 👈
But feel free to try out any other solutions & workarounds. 😇
---
**Author:**  [@Rahul](https://discourse.processing.org/u/Rahul)\
**Post date:** [May 28, 2020, 2:41pm UTC](https://discourse.processing.org/t/what-do-i-put-in-the-html-file/21373/7 "2020-05-28T14:41:57Z")
Okay. I’ve installed the extension, and it directs me to _program.pde,_ but when I get there, I see the code I wrote and not the actual sketch.
---
**Author:**  [@GoToLoop](https://discourse.processing.org/u/GoToLoop)\
**Post date:** [May 28, 2020, 2:44pm UTC](https://discourse.processing.org/t/what-do-i-put-in-the-html-file/21373/8 "2020-05-28T14:44:21Z")
Servers needs an HTML file to kick start everything else! ⚽
Again, take a look at my online sketch example I’ve posted. 👀
---
**Author:**  [@Rahul](https://discourse.processing.org/u/Rahul)\
**Post date:** [May 28, 2020, 2:45pm UTC](https://discourse.processing.org/t/what-do-i-put-in-the-html-file/21373/9 "2020-05-28T14:45:01Z")
The HTML file is blank.
I looked at your sketch, but I don’t recognize most of the code as Processing.
---
**Author:**  [@GoToLoop](https://discourse.processing.org/u/GoToLoop)\
**Post date:** [May 28, 2020, 2:46pm UTC](https://discourse.processing.org/t/what-do-i-put-in-the-html-file/21373/10 "2020-05-28T14:46:41Z")
[ProcessingJS.org/articles/p5QuickStart.html](http://ProcessingJS.org/articles/p5QuickStart.html)
---
**Author:**  [@GoToLoop](https://discourse.processing.org/u/GoToLoop)\
**Post date:** [May 28, 2020, 2:49pm UTC](https://discourse.processing.org/t/what-do-i-put-in-the-html-file/21373/11 "2020-05-28T14:49:13Z")
> [@Rahul](#):
>
> The HTML file is blank.
It isn’t. It’s the “index.html”:
- [Brownian Motion · GitHub](http://Bl.ocks.org/GoToLoop/145418d1dfb062c7c41a630bce5b8374#index.html)
> [@Rahul](#):
>
> I looked at your sketch, but I don’t recognize most of the code as Processing.
You can run the code on Processing’s IDE (PDE) too.