π³ Cool Toolz
Text Editors
Visual Studio Code
Visual Studio Code is Microsoft's main code editor. It's pretty good, all told. It comes with lots of nice features for web development, including autocompletion for HTML and CSS, JavaScript and TypeScript language intelligence (it'll tell you when you make a mistake, etc) and a fairly easy to use UI.
You can download it for Windows, macOS and Linux from their website. Based on my sample size of two, 100% of college and university computers come with Visual Studio Code included, so if you're using one of those you might be in luck!
Open yer Site
In the menu bar, select File > Open Folder⦠and navigate to the folder containing your site. Your site's files will be listed on the Explorer panel on the side, click one to open it in the editor. You can create new files by clicking the little page with a plus icon that appears when you hover over the Explorer.
Disabling AI Features
As a part of Microsoft's ongoing effort to make zero percent of creative endeavours enjoyable or fulfilling, Visual Studio Code comes with many AI features. These can often be very useful and save you a fair amount of time when you have sufficient experience and know exactly what to ask for, but using them at this stage will dramatically hamper your ability to learn and make your site invariably come out a bit shit. And of course, it wouldn't be much of a personal website if it wasn't actually written by you.
Anyway, to turn them off, press Ctrl/β + Comma, type "Disable AI Features" in the search bar, and make sure the checkbox next to the setting is ticked.
Notepad++
A bit retro but not so bad for HTML as I remember.
Having checked the website, wow ok, it's changed a lot since I last used it. Definitely better than Notepad though in any case. It was all Courier and really precise indent markers and such when I was introduced to it. I wonder if that version is still available... bah, anyways, if you can't get VS Code, get this.