Set up an HTML Document4:01 with Treasure Porth
In this video, we'll take a look at how to set up a new HTML document to add to our website. We'll cover a few of the essential components that make up just about all modern websites: a doctype, a set of html tags, and a set of opening and closing head and body tags. Let's review how they all come together!
Most websites contain more than just one page. Breaking your website up into multiple different HTML files, with each dedicated to a different topic or area of interest, is a fairly common approach to creating an accessible, engaging, and readable experience for your viewers. Whether it's the first page or the tenth page of your website, you'll always need to use the same basic structure when you start!
If you want to follow along and customize the basic structure of an HTML page, feel free to copy the text snippet previewed in the video below - just remember to fill in each section with your own information!
<!DOCTYPE html> <html> <head> <title>Hi there</title> </head> <body> This is a page a simple page </body> </html>
More about text editors
Developers often choose a text editor that they like and stick to it, but at the end of the day they all do the same thing: they help you write, edit, and save HTML and CSS files. Some text editors have extensions, plugins, and features to make your job a bit easier, and some coding communities gravitate towards the same systems. Feel free to experiment and try out different editors, and find one that works for you.
Here at Treehouse, you'll find that many courses and videos demonstrate either in Workspaces or Visual Studio Code. This doesn't mean that they're the best options, but they do provide additional tools that help make the process less burdensome.
- Visual Studio Code
- Sublime Text
- Since December 2022 Atom is no longer being maintained, you can read more about it in this blog post.
Set Up of a Basic Web Page:
You need to sign up for Treehouse in order to download course files.Sign up