Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML

Posted by Zane Romano
Zane Romano
2,521 Points

I created a new file to practice with html and css. However, I cannot preview my saved file.

How do I view this file? As of right now only the index.html file is being previewed.

2 Answers

Jon Myzzle
Jon Myzzle
6,279 Points
Jon Myzzle
Jon Myzzle
6,279 Points

Hello Zane!

So a great tool to practice HTML and CSS with in my opinion is a website called CodePen! If you aren't familiar with it, please do check it out! That being said,

IF you want to practice with just good ol notepad documents or NotePad++, the safest practice in my opinion is to create a new folder (you can name it whatever you want) and inside that folder you will need two documents: index.html and then style.css. From here, make sure inside your index.html file, inside the <head> tags, you include the link to your stylesheet. See below:

<link href="style.css" rel="stylesheet">

Then, when you open up the index.html file, it should display in your default browser! If you want to edit these files, just open up whichever text editor software you use, and typically you will do a "file --> open -->" and browse to your .html or your .css files!

Hope this helps! Cheers :beers:

Zane Romano
Zane Romano
2,521 Points
Zane Romano
Zane Romano
2,521 Points

Thanks for the info. Cheers!