User blog:Penguin-Pal/Tutorial - HTML - Part 4

Hello again,

This is the 4th and the last part of the HTML tutorial. So far, we talked about what is HTML, we talked about the tags that make HTML, and about some further properties. On this part, i'll show you how to write HTML documents, and show you 4 other tags that create the structure of the document.

So this is how a HTML document looks like:

Those are the 3 key tags that make the structure of the HTML document. Another tag is the title tag. Do you know where it says on the top of the web browser something like "(page name)- The Club Penguin Wiki- The Free Encyclopedia About Club Penguin"? This is achived using the title tag. It is written inside the head element, and looks like this: Example title
 * Everything between the html tags is the document itself.
 * The body element contains all the content that is visible to the reader. This includes all of the tags that we talked about in part 2 of the tutorial.
 * The head tag is used for including information about your HTML document. It is also the place where you add scripts and stylesheets.

Creating a HTML file in your desktop
To create a HTML document: It is important to remember that the save as type dropdown is set to Text file (*.txt), otherwise your HTML document will be saved as example.html.txt which is a text file. To prevent this, make sure that the dropdown is set to Hyper Text Markup Language (html) or All files (*.*).
 * 1) Open any text editor (i use Notepad++), and type in the HTML structure, like in thtutorial above.
 * 2) Add your content between the body tags.
 * 3) Press Save As, then write a name for your document, with a file ending of .html or html

Now, open the file in your favorite browser. You can do it by one of the following ways: If you want an example, here's an example page that i made: Welcome! :)
 * Dragging the file from your desktop to the browser.
 * Right click the file, select "open with".
 * If you're using Notepad++, go to the Run menu and select your favorite web browser.

Hi there! How are you ;)

You can modify it if you want.

So this is the last part of the HTML tutorial. As i mentioned earlier, there are many other cool stuff about HTML, so if you want to know, Google is an awesome tool for finding what you need. The next tutorial will be about CSS and how to use it. Click the link below to reach it.