Creating a new HTML File

Let's start by going back to your GitHub repository and opening your github.dev editor again using the . period/fullstop key.

Once in your web editor, open the hamburger menu Burger Menu icon at the top of the activity bar.

There select from the options "File" then "New File..."

A "New File" text box will now appear, here we will create your new file but inside a named folder.

To do this we first type a slash / followed by the name of your new folder, this will be the name of your page ( e.g /about )

This is followed with another slash / the file name index and the file type .html (e.g /about/index.html ) then press enter

The box title will now change to say "Create File" and you will need to select the ok box from the two blue boxes on the right.

The box will then prompt with this question "This folder [your chosen name] does not exist. Would you like to create it?" select the blue ok box again.

Your new folder and html file will now open in the editor ready to start creating your new page.

Naming Files and Folders

Use only letters (A–Z, a–z), dashes (-), and underscores ( _ ) in file and folder names. Spaces usually work on your computer, but can cause problems on the web and in URLs.

Avoid these characters in file and folder names

Punctuation

; : ' ? ! , .

(Avoid using a period except to separate the file extension.)

File path characters

/ |

These characters separate folder paths and URLs.

Special characters

@ # $ % & * + = ~

These can cause issues in scripts, command-line operations, and web-based systems.

Brackets and parentheses

< > [ ] { } ( )

Reserved for use in many coding languages and frameworks

Spaces

Avoid using spaces in filenames when possible—especially at the beginning or end. Spaces often get replaced with %20 in URLs and can cause issues in automated workflows.

Page Last Edited: