Basic Notions of HTML

Intro

This is little tutorial I wrote for any one who wants to know HTML. I'm writing this as if you don't know one bit of HTML, that's why they're "basic notions" so if you're not a total begginer you can skip some parts. Open your notepad, or anything you can write on. When you're done save it as "*.html" replacing the '*' for the name of course. Now onto the guide, hope you like it =D.

HTML

First of all, every HTML document starts with the tag <html> so all we have in our document is this:


After that comes the <head> tag:


In the <head> tag you can put lots of things like CSS and the <meta> tags but that doesn't belong in a basic tutorial so we'll just write the title which is the text that appears in the top of the browser window. For example, this page's title is "|:.The Sun Shrine.:| - Basic HTML". And after that we can close the <head> tag like this </head>


The <head> part's gone, now let's go for the fun part =D: the <body> tag:


In the <body> tag you write what appears in the HTML document but you can hide the text, too. The best way to do that is by using comments, comments are wrapped between those tags: <!-- --> and only show up in the page source code. Let's write a comment:


OK, enough of hidden text, let's write something that really shows in the page:


Paragraphs are wrapped between the <p> </p> tags. Now let's write some titles:


Titles go from <h1> to <h6> being <h1> the biggest title and <h6> the smallest. I recommend that you use <h1> just once in each page and then use sub-headings like <h2> or <h3> and sub-sub-headings like <h4> and so forth. That's the way I do it =3. OK, we have text but this is just plain text. Let's write some other types of text:


Those are the basic types of text: underlined, bold and italicized. How about a list now? There are two types of basic lists: the bulleted lists (unordered) and the numbered lists (ordered):


As you may have noticed <ul> stands for unordered list and <ol> stands for ordered list. You can create sub-lists inside those lists:


Those two lists would look like this:
  1. this
  2. is
  3. list
This being a tutorial about basic HTML there's only one thing left: tables ^^


Don't forget to close the <body> and <html> tags. You can change the cell border and padding to fit your preferences. OK, we're through here, that's all there is to know about basic HTML, I think. If you've done everything right the document should turn out like this. You can check the "View Source" to see the comment.