Monday, August 8, 2011

HTML5 Tutorial 1: Starting out

HTML is a mark up language that is most popular in websites. It is a simple yet logical language to learn, and uses tags. To start out you're going to need a text editor like Notepad++.

We're going to make a very very basic site today using the tags <html> <head> <title> and <body>

Open a new document and type

<html>

</html>
These tags need to be declared in EVERY HTML document you make no mater how big or small they may be, this tag is what tells your browser that it's going to be reading an HTML document.

The next tag we're going to use is <head>, add it just underneath your <html> tag and be sure to close it, it should now look like this:
<html>
  <head>

  </head>
</html> 

Now it's time to finally add something that will show up in your document, the <title> tag,  This is the text that displays in the tab in Chrome, it will look something like this:

<html>
  <head>
     <title>Title goes here</title>
   </head>
</html>
This next tag may be the most important tag of the whole document, the <body> tag which is for, you guessed it, the body of the page! When you add it it will look something like this:

 <html>
  <head>
     <title>Title goes here</title>
   </head>
  <body>
      This is the body text
   </body>
</html>
Save this as tutorial.html and open it with your browser of choice. You can change the title and body text to what ever you like as practice. Remember, Have fun!


8 comments:

  1. Thanks for the great tut! +followed!

    ReplyDelete
  2. Everyone should know at least a LITTLE HTML.

    ReplyDelete
  3. now here's something i can actually use. +followed

    ReplyDelete
  4. I already know a little but will need to learn more as I am probably going into the IT field soon.
    +followed

    ReplyDelete
  5. thanks really useful, begining to make sense now + followed

    ReplyDelete
  6. I'm going to have to sit here and read all of your html posts! It's a little confusing at first but I'm willing to learn because it's soo useful! thanks!

    ReplyDelete
  7. im gonna save this blog. i will definetly move to HTML5 and this is just the place to start learning

    ReplyDelete
  8. Here goes nothing...As if I know anything about web design but...

    ReplyDelete