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>
The meta tags are for more convenient viewing on different size devices. The Title tag is for the name in your browser tab. The link tags are for the styles, our own and the one related to the library that we are using. And the script tags are for the Javascript, both our own and and the one for the library that we are using.
Created by: John Yeomans