Free hosting platform, where your website will live!
.html files
Hyper Text Markup Language
Declares the content of your website.
Files end in ".html"
Content lives in "tags" that look like: <p>my paragraph</p>
Newlines inside of tags don't get rendered in the website. For a newline, use the <p>tag.
.css files
Cascading Style Sheets
Declares the presentation of your website.
CSS looks like this:
body {
background-color: red;
color: white;
}
Note: You'll get an error message if you don't have the semicolon at the end of each line!
.js files
JavaScript
A programming language that adds interaction to your website.
Beyond the scope of this workshop, but here's a tutorial from MDN.
Neocities Editor Tips
You can reload your website by hitting ctrl + r, you don't need to hit the "View" button each time.
Remember to hit the "Save" button after making changes!
If your changes aren't showing, try refreshing multiple times.
If that still doesn't work, try opening the developer tools (see section below), right clicking on the refresh button in your browser, and clicking "Empty Cache and Hard Reload".
Hit ctrl + / to "comment out" a line so it's not active on your website.
Browser Developer Tools
The way to inspect another website's HTML and CSS
Right click on whatever you want to inspect, and click "Inspect" or "Inspect Element" (depending on your browser). ctrl + i usually works too!
Any changes you make are temporary and only on your computer.
