Difference between revisions of "Creating your own website using JavaScript HTML, hosted on GitHub"

From CUOSGwiki
Jump to navigationJump to search
Line 20: Line 20:
 
=== Set up your document ===
  
=== Set up your document ===
 
For this tutorial, you will want to input the following code. This will set your document as the right type of HTML file, as well as the link to the required packages and links to make your code run. Copy and paste the following into your Atom project.
  
For this tutorial, you will want to input the following code. This will set your document as the right type of HTML file, as well as the link to the required packages and links to make your code run. Copy and paste the following into your Atom project.
  +
  +
<!DOCTYPE html>
  +
<html>
  +
<head>
  +
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.2/dist/leaflet.css"/>
  +
<script src='https://unpkg.com/leaflet@1.9.2/dist/leaflet.js'></script>
  +
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  +
<script src='https://code.jquery.com/jquery-3.5.1.min.js'></script>
  +
<title>GEOM 4008 Tutorial</title>
  +
</head>

Revision as of 01:04, 5 December 2022

Objective

Getting Started

Downloading the software

Data collection

Navigating Atom

Tips and tricks

Setting up your file

Set your working directory

Set up your document

For this tutorial, you will want to input the following code. This will set your document as the right type of HTML file, as well as the link to the required packages and links to make your code run. Copy and paste the following into your Atom project.

<!DOCTYPE html> <html> 

 <head>
   <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.2/dist/leaflet.css"/>
   <script src='https://unpkg.com/leaflet@1.9.2/dist/leaflet.js'></script>
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
   <script src='https://code.jquery.com/jquery-3.5.1.min.js'></script>
   <title>GEOM 4008 Tutorial</title>
 </head>
Retrieved from "https://dges.carleton.ca/CUOSGwiki/index.php?title=Creating_your_own_website_using_JavaScript_HTML,_hosted_on_GitHub&oldid=18870"