HTML: Tutorial Part 1
So, you want to learn HTML, the HyperText Markup Language and the backbone of all Web Development. Well, I believe that you have found yourself a great place to start. The following will introduce to you the concepts of CSS, HTML, and Javascript, and their integration together.
As in all coding languages, the best place to start is with a "Hello World" sample, and this is the one for HTML.
As you can see, there really isn't much to it. When wrtiting in HTML, you must first specify to the browser what the document is. Thus the first tag is <html>. The next line is the header statement. When you write a letter, you should always put the time, date, and title in the top left hand corner so that the reader can know a little about what they are about to read. This information is called meta-data, which in HTML can contain the title (this title will appear in the top left hand of the browser window for the end users, so be sure it says what you want it to say). In this case, I put Hello World because that is the purpose of the document.
As in all coding languages, everything you open must also be closed. In HTML, an open statement is closed by using the same tag, but with a backslash at the beginning. For instance </title>. After closing the Header, you will find the body statement. This is where your content goes, and in this case I wanted the site to say Hello World!. Since Hello World is a header on my page, I "wrapped it" in header tags. A header tag, or <h1></h1> tells the browser that the enclosed information is the same as a primary header in a letter, and should be bolded and have a large font size because of this. There are six headers, H1-H6, and their level of importance goes from most important to least in a numerical fashion.
Now, your probaly wanting to see this script in action. To do so, you need to create an HTML document with the following code. Fortunately, this is easier than it sounds. Simply copy the code from above, open up Notepad, paste the code, and Save As an HTML document. Saving as HTML requires an extra step, in that you need to pull down the small bar that says *.txt, and make it say *(.). Then type in index.html as the title, save it, and open it up with your favorite browser.
To view this section as a flash tutorial, click here.
To continue this tutorial, click here.
