How to Make HTML and CSS Files

51,342 views
50,954 views

Published on

For the less computer-savvy, this shows how to create and work with HTML and CSS files on Windows.

Published in: Technology, Design
5 Comments
15 Likes
Statistics
Notes
  • HTML and CSS: Design and Build Websites --- http://amzn.to/1Lytwbg
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • A Smarter Way to Learn HTML & CSS: Learn it faster. Remember it longer. (Volume 2) --- http://amzn.to/1RutAVN
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Web Design with HTML, CSS, JavaScript and jQuery Set --- http://amzn.to/1XEkjiw
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Does the Heading tags, html tags needed for css?
    ?
    where to insert the link ref for css?
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • tks
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
51,342
On SlideShare
0
From Embeds
0
Number of Embeds
404
Actions
Shares
0
Downloads
788
Comments
5
Likes
15
Embeds 0
No embeds

No notes for slide

How to Make HTML and CSS Files

  1. 1. How to Make HTML and CSS Files <ul><ul><li>LearningNerd.com </li></ul></ul>Background photo by Chris Blakeley
  2. 2. <ul><ul><li>This is the first in a series of XHTML and CSS tutorials, which can all be found at LearningNerd.com/xhtml-css-basics </li></ul></ul>
  3. 3. Step 1: Open Notepad
  4. 4. Start Menu > All Programs > Accessories > Open Notepad
  5. 5. <ul><ul><li>There are many other plain text editors, but you should probably use a simple one like Notepad while you're still learning. </li></ul></ul><ul><ul><li>Notepad is the default plain text editor on Windows. </li></ul></ul>
  6. 6. Step 2: Save the File
  7. 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. 8. Step 3: View the Web Page
  9. 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. 10. Step 4: Edit the File
  11. 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. 12. Step 5: Save the Edited File
  13. 13. After making changes to your HTML or CSS file, save it by going to File > Save. And that's it!
  14. 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 .

×