Processing+and+HTML

Follow these steps to embed your sketch inside a HTML page.
 * 1) Create a new HTML page that will display your Processing sketch
 * 2) Open the Processing app then open the sketch you intend to export.
 * 3) Next, in the File menu, select Export
 * 4) An applet folder will be created inside your Processing file folder
 * 5) In the applet folder, look for the file with a .jar extension. Make a copy of it to your process website folder that contains the new HTML page you created in the first step.
 * 6) Go back to the applet folder, and look for the index.html file, open it in your HTML editor.
 * 7) In the HTML editor, highlight the code from the line just under the second div tag, starting with the first instance that reads
 * 8) all the way down to, and including the very last instance of just above a closing  tag, near the bottom of the page
 * 9) paste the code into the content area of the new HTML page you created for your process website.
 * 10) save your HTML file and preview it in a browser, you should see your Processing work embedded in the page.

Remember - your HTML file and the .jar file should be in the same folder. Feel free to position the image and sketch. Create CSS classes and position them with tags.