How to Make HTML and CSS Files LearningNerd.com Background photo by Chris Blakeley

LearningNerd.com

This is the first in a series of XHTML and CSS tutorials, which can all be found at LearningNerd.com/xhtml-css-basics

This is the first in a series of XHTML and CSS tutorials, which can all be found at LearningNerd.com/xhtml-css-basics

Step 1: Open Notepad

Start Menu > All Programs > Accessories > Open Notepad

There are many other plain text editors, but you should probably use a simple one like Notepad while you're still learning. Notepad is the default plain text editor on Windows.

There are many other plain text editors, but you should probably use a simple one like Notepad while you're still learning.

Notepad is the default plain text editor on Windows.

Step 2: Save the File

Go to File > Save Then save the file as “filename.html” for an HTML file or “filename.css” for a CSS file. Be sure to surround it with quotes!

Step 3: View the Web Page

To see your new web page, double-click on the HTML file. It'll open in your default web browser. Here's the web page being viewed in Firefox. The HTML file only contains the text “HTML stuff would be in here”.

Step 4: Edit the File

To edit the CSS file, just double-click to open it with your default plain text editor (like Notepad). To edit the HTML file, right-click it and go to Open With > Notepad (or whatever editor you use).

Step 5: Save the Edited File

After making changes to your HTML or CSS file, save it by going to File > Save. And that's it!

The next part of this series will explain the basics of writing XHTML. If you have any questions, please contact me through LearningNerd.com .