How to Make HTML and CSS Files
17 likes•8,588 views
This document provides instructions for creating and editing basic HTML and CSS files using Notepad on Windows. It outlines 5 steps: 1) open Notepad, 2) save the file with an .html or .css extension, 3) view the web page by double-clicking the HTML file, 4) edit files by double-clicking to open in Notepad, and 5) save edited files using File > Save.
1 of 14
Downloaded 875 times
More Related Content
What's hot (20)
Ad
Viewers also liked (20)
Ad
Similar to How to Make HTML and CSS Files (20)
Recently uploaded (20)
PDF
Cloud-Migration-Best-Practices-A-Practical-Guide-to-AWS-Azure-and-Google-Clou...Artjoker Software Development CompanyPDF
How-Cloud-Computing-Impacts-Businesses-in-2025-and-Beyond.pdfArtjoker Software Development CompanyCloud-Migration-Best-Practices-A-Practical-Guide-to-AWS-Azure-and-Google-Clou...Artjoker Software Development Company
How to Make HTML and CSS Files
- 1. How to Make HTML and CSS Files LearningNerd.com Background photo by Chris Blakeley
- 2. This is the first in a series of XHTML and CSS tutorials, which can all be found at LearningNerd.com/xhtml-css-basics
- 3. Step 1: Open Notepad
- 4. Start Menu > All Programs > Accessories > Open Notepad
- 5. 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.
- 6. Step 2: Save the File
- 7. 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!
- 8. Step 3: View the Web Page
- 9. 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”.
- 10. Step 4: Edit the File
- 11. 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).
- 12. Step 5: Save the Edited File
- 13. After making changes to your HTML or CSS file, save it by going to File > Save. And that's it!
- 14. The next part of this series will explain the basics of writing XHTML. If you have any questions, please contact me through LearningNerd.com .