The first thing you will need is an editor, a good one that is easy to use is Glitch which is online editor. Once you have your text editor you will want to make sure you have 3 files on the left bar, index.html, styles.css and script.js. Make sure all of these name are correct and the files are empty to start
Now we want to get our html set up. So we first need to put in the basic elements that you will find in every HTML file. First we need the DOCTYPE, html, head and body tags.
<!DOCTYPE html> <html> <head> </head> <body> </body> </html>
These tags are the basic layout tags for any html document, now we want to populate the head tag with our various imports like so.
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no" /> <title>OpenStreetMap</title> <link rel="stylesheet" href="https://js.arcgis.com/3.36/esri/css/esri.css"> <link rel="stylesheet" href="./styles.css"> <script src="https://js.arcgis.com/3.36/"></script> <script src="./script.js"></script> </head> <body> </body> </html>
Created by: John Yeomans