I found a few sites on Neocities that I thought looked cool and are similar to the style I'm going for:
Cyberpunk Life
Comptroller
Oaaky
I noticed some things in common in their HTML, specifically the head section. So I will start with that. In the order shown without the added spaces, this basically:
1) < meta charset="UTF-8" > helps allow the website to be displayed in as many languages and symbols as possible (ref: YouTube explanation)
2) < title >< /title > Shows the name of the tab on your browser.
3)< link rel="stylesheet" href="style .css" > Refers to your .css file by providing it a term for you to use (stylesheet) in HTML, and then linking the actual name of the.css file so that your .html file knows where to look, in order to look nice.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Retrofuture</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1> WELCOME </h1>
<p> Lorem ipsum </p>
</body>
</html>
The black and white was blinding me so I immediately went to the .css file to set the colors. My site is meant to be very dark red and brighter red for the most part. I set it like this. I referred to the hex codes I already had from Figma. Use the method that you made use of to plan the base colors for your site. Also don't worry if it didn't look like it updated immediately. It seems to take a few minutes for it to refresh in my experience. Or use Ctrl + Shift + R to force refresh if it really doesn't show anything after a while.
/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
HTML content. To learn how to do something, just try searching Google for questions like
"how to change link color." */
body {
background-color: #0b0e14;
color: #FF0000;
}