Creating a webpage is easy as long as you have a computer with a web browser installed. The browser you typically use to view webpages can now be used to check out your own creations!
Browsers
Popular browsers include:
- Google Chrome
- Microsoft Edge
- Firefox
- Safari
You're probably already using one of these. You can also try other browsers like Brave or Arc if you prefer. Just choose the one you like best.
Code Editors
To create a webpage, you'll need a text editor for editing files.
For simple webpages, you could use Notepad on Windows or TextEdit on Mac. However, once you start coding, a dedicated code editor that highlights your code in different colors will be much easier to work with.
Here are some recommended code editors:
- VSCode (Free) https://code.visualstudio.com
- Sublime Text (Paid) https://www.sublimetext.com
- Nova (Paid / Mac only) https://nova.app
- Zed (Free / Mac only) https://zed.dev
- Vim (Free / Advanced) https://www.vim.org
If you’re new to code editors, try starting with VSCode. If you like a cleaner interface, you might enjoy Sublime Text, which is paid but has no restrictions other than occasional prompts to buy.
Now you're ready to start coding! 🎉
Open your editor, and copy The Shape of HTML from Webpages Are for Everyone, or simply type the text yourself and save it with an appropriate file name (e.g., index.html).
Previewing Your Webpage
Many people wonder how to view their HTML file after creating it. It’s super easy to check out your webpage!
Simply drag and drop the file into your browser.
Editing Your Webpage
When you make edits in your code editor and save them, changes won’t automatically show up in the browser. After saving, refresh the page in your browser to see your updates.
If you already have the webpage open from dragging and dropping it earlier, just hit refresh to see the latest version.
Finishing Your Webpage
Repeat the editing process until your page is complete.
With that, you're all set to create your own webpage! The basic knowledge in Webpages Are for Everyone is enough to get you started, so dive in and start creating today!