Assignment 1: Your First Webpage (Hosted on GitHub Pages)

Due: Friday, 9/11/26, before class.

Goal

Create a simple, creative website using only plain HTML (no javascript). You will also experiment with the style attribute to change how your webpage looks (do not use css, only use the style attributes at this point). This will feel limiting, but don't worry, we'll "unlock" the rest of the formatting/coding potential soon. Finally, you will publish your site online using GitHub Pages.

Requirements

HTML only
No external CSS files and no JavaScript.
You must include at least 10 different HTML tags (e.g. headings, paragraphs, links, lists, images, tables, blockquotes, etc.).
Use inline styling
Apply the style attribute to at least 3 different elements.
Example:
```
<h1 style="color:blue; text-align:center;">Welcome to my page!</h1>
```
Creativity
The content can be about anything you like: a personal interest, a fictional world, your favorite foods, etc.
Experiment and explore how you can combine elements.
Page structure
Your page should have at least:
- A title (<title> inside <head>).
- A heading (<h1>).
- At least 3 sections of content.
- At least two links to other pages/sites: One local (linking to another local html file using a relative link) the other a link to the web (e.g. wikipedia or something).
Host it online
See these setup instructions for what you need to do to get your website hosted online. Your file must be placed in the exact folder location described below in Folder Structure, or it will not be found.

Folder Structure — Read This Carefully

This is the part people mess up. GitHub Pages turns your folders into parts of your website's web address. Every assignment gets its own folder inside your repository, so that each assignment has its own unique address and nothing gets overwritten by a later assignment. For this assignment, your files need to live in exactly this location, no more, no less, no different:

csc336-fall2026/              <- the repository you created in the setup instructions
└── assignments/               <- a folder named exactly "assignments"
    └── 01-first-webpage/      <- a folder named exactly "01-first-webpage"
        └── index.html         <- your webpage file, named exactly "index.html"

Step by step:

Inside csc336-fall2026, create a new folder. Name it assignments — all lowercase, no spaces, spelled exactly like that.
Inside the assignments folder you just made, create another new folder. Name it 01-first-webpage — exactly like that, including the dash.
Put your webpage file inside the 01-first-webpage folder, and name that file index.html — all lowercase, ending in .html (not .htm, not .txt, not Index.html).
Commit and push, same as in the setup instructions.

Folder and file names must match exactly — capitalization, spelling, and dashes all matter. Assignments is not the same as assignments.

Once this is set up correctly, your assignment will be visible at:
https://<your-username>.github.io/csc336-fall2026/assignments/01-first-webpage/

Helpful Resources

Example Ideas

A one-page “museum” of your favorite memes.
A travel guide to an imaginary country.
A family recipe page with styled headings and lists.
A mini photo gallery with captions.

What to Submit

You should not need to submit anything and your website should be publicly available by going to (see Folder Structure above for exactly where your file needs to be for this address to work):

https://<your-username>.github.io/csc336-fall2026/assignments/01-first-webpage/