Introduction to HTML.

In this html tutorial, I will take you step by step to creating your own first website using a simple text editor like notepad. You can use other complex editors if you want to, and I have like 15 of those, but still use notepad for quick editting. Generally, I am done uploading the new page to my website, while the complex editor is still loading the animated splash screen... :)

Note:

---

HTML commands are called TAGS. Please remember this because from here on we'll be using this term a lot.


Browser is a software which processes html and displays pages. You are seeing this page in a browser, most probably Internet explorer by Microsoft.

All right, let's begin.

Make a folder named my html somewhere in your computer. You can name it anything. You can store all example pages here which you will be making in a short while. This will keep things organized for you.

Open Notepad. It's available in Accessories menu.

From FILE menu choose save as.... You will be asked to enter a file name. Type page1.html and save in the folder you created to store your html pages. Now close notepad. You are about to see the first html page you have created...

Navigate to the folder, and double click the html file you made (page1.html) The file is opened in your default internet browser. It's an empty blank page... Well, that's because you don't have any html in it. Let's add some html now!

Note:

---

You named the page as page1.html. You can also use page1.htm. Both .HTML and .HTM file extensions are used to tell windows and other OS that this is a html document. When working with notepad, you will have to type that extension in order to save the page correctly.

Do yourself a favour, and stick to either one of those extensions. Use either .html or .htm . Later on when making hyperlinks, you will avoid a lot of confusion.

Continue to adding text to html pages.

HTML Adding text