How to Make
HTML and CSS
Files

LearningNerd.com

Background photo by Chris Blakeley

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.

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.

Click to edit the title text format

Click to edit the outline text format

Second Outline Level

Third Outline Level

Fourth Outline Level

Fifth Outline Level

Sixth Outline Level

Seventh Outline Level

Eighth Outline Level

Ninth Outline Level

Click to edit the title text format

Click to edit the outline text format

Second Outline Level

Third Outline Level

Fourth Outline Level

Fifth Outline Level

Sixth Outline Level

Seventh Outline Level

Eighth Outline Level

Ninth Outline Level