Step1
Open your computer’s Notepad program and follow what is written on the image. It’s the html tag, the first tag you need to write in all of your HTML writings and the most important tag of all because it holds all the other tags and codes inside it. Failing to include this tag in your code will result your page to display only texts. Study the construction of tags, an opening tag doesn’t have a slash on it and while the closing tag always have. And remember that all open tags must be closed.
Step2
The next tag needed for an HTML is the head tag. It holds information about your page but for now, I’ll just show you where to put this tag in your code.
Step3
Next is the title tag. As the tag name says, it’s the title of your web page. To use this tag, simply put it inside the head tag just like in the image and type the title that you want for your web page. It doesn’t matter if you use a space in between the tags as long as you typed in your title inside it. Now, Save your work (Go to Step 5 for instructions on how to save an HTML document). Refer to Step 4’s image to view the title displayed on the Internet browser.
Step4
Our last main tag and also an important one is the body tag. This is where you’ll place all the contents of you web page that you want your browser to display. Type “This is a sample content!” or any text that you want inside the body tag to view it on your browser.
Step5
You can also make headers, which has six levels to manage the sections in your web page. Follow the image on how to use this tag.
Step6
Next we are going to use is the paragraph and line break tag. Follow the image on how to start a new paragraph for your page.
Step7
This is how you save an HTML document. On the Notepad you’re working your codes with, click FILE then SAVE AS… and you will get a window like this. Type .html at the end of your file’s name then click the Save button to save it on the location or folder of your choice. Note: If your computer automatically includes extensions of your file when you’re about to save, just simply change that to .html extension. Example: I’m going to save my work, How to Learn HTML, which is a text document and the Save As window already includes the .txt extension for my file like this: How to Learn HTML.txt, I’ll just change the .txt to .html and save it.
Step8
After you have saved your document as an HTML, you’ll get a file like the one on the image that can be opened on an Internet browser. Double click the file to view your work. Congratulations! You have made your first web page using the basics of the HTML! Remember that this is the minimum code and tags needed in order to run a web page properly.
Step9
Now that you already know the basic tags and construction of an HTML, we can now move on to our next tutorial. On the next part, I’ll teach you how to format texts. For now, keep your saved files, as we’ll be using it on our future learning. Oh yeah, you can go to Resource part of this tutorial if you want to download the images I used here. Again, I compiled it as a RAR file, which can be opened by WinRAR, but this time it is not password protected. Just do not edit and redistribute the files OK? See you next time! =)
For Questions, Comments and Suggestions:
Message me on my Friendster or Yahoo! At hyde_078@yahoo.com