How to Create HTML file Using Notepad

Belajar Html

On this occasion I will explain to the newbies on how to create a simple HTML file.
But before I start, for beginners who really want to learn HTML, you should use a HTML text editor such as Notepad or Notepad + + for example. Because it helps you to memorize faster Tag-HTML tags instead of using the web layout application program which provides buttons to create HTML code instantly.

Here’s how to create HTML files:

  1. Open the Notepad program on your computer (All programs / Accessories / Notepad).
    notepad-1
  2. After the new window will pop up as below:
    Click here to see more detail
  3. In the Notepad window, type the HTML tags like this:
    notepad-3
  4. Then save the file above with the name “index.html” in the folder “My Web” in “D directory”.
  5. Open your browser, in this case I am using Internet Explorer 7 browser and typing D: \ my Web \ index.html on the “Address Bar”, and will show your web pages as below:
    Click here to see more detail

Important :

  • In type the name of your HTML file, must use lowercase and do not use spaces.
  • If there are separate words in file names, you should use a dash “-” or underline “_”.
  • Each create web pages the first time, save the file with the name “index.html” could then use another name your own way “about-me.html” or “contact_us.html”.
  • We recommend using Notpad + +, because it will facilitate you to more quickly Edit tags into HTML Notpad than usual. (Download Notpad++ here!)
  • Welcome to CSS Syntax [dot] com
    Welcome to our Website ... CSS Syntax com is a website that explains about anything related to web...
    www.csssyntax.com
  • CSS 3 Background Color Opacity
    Everyone knows what RGB stands for (red, green, blue), but what does the A stand for?
    www.csssyntax.com
  • CSS 3 Text Shadow
    Using CSS3, we can create shadow effects on text with very simple syntax
    www.csssyntax.com
  • CSS 3 Box Shadow
    Excess CSS3 is able to make something that can not be done by CSS2
    www.csssyntax.com