Showing posts with label tutorial. Show all posts
Showing posts with label tutorial. Show all posts

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!