HTML: A Starters Guide

Part One of HTML for Beginners

William
Have you ever wondered how all these fancy web-pages and sites are created? Well it is a complex world of code, languages and script. Now don't you worry, if you want to build your own website there are a great many options to choose from. With some of your options you don't even need to know how a web-page works. But if you are curious about the inner workings of a website, then read on.

HTML -

What is HTML? HTML stands for hyper text markup language. It is a programming language that is used to display data in a web browser (you better know what that is or I will wonder how you got here).

To program in HTML all you need is a simple text editor, although there are many programs out there to help you build a web-page. An HTML file should always be saves as a .htm or .html file (index.html).

Getting started -

As I stated earlier, to build your web-page all you need is a text editor. We'll use notepad for our first file. It's a good idea to become familiar with the language before you get a fancy editor. An HTML file contains tags that tell your browser what to do. All HTML files contain the following tags: , , , , , .

All tags should be written in lower case and should have < < surrounding them. Most tags have a closing tag as well, they are denoted by a , and this is a closing tag: .

Type or copy and paste the following into Notepad or it's OS X equivalent TextEdit (with TextEdit your file must be saved as a plain text, and you must set it to ignore rich text commands in HTML).

This is my first Web Page! Isn't it great?

Save your file as a .htm or .html file. (in Notepad you must change save type to all). Name it whatever you want.

Open your web browser and open your file, or you could just double-click on it.

Hopefuly you got a simple page that said "This is my first Web Page! Isn't it great?". Make sure that it was typed exactly as above. If it came out OK, add around "This is my first Web Page!", and "around Isn't it great?". Like this: This is my first Web Page!Isn't it great?.

Congrats you have just completed your first web-page, and formatted some text! I know to many that could be very boring, but it is were most programmers start.

Keep an eye out for: HTML: Basic Tags and Text Formatting

Published by William

Not much to say.  View profile

7 Comments

Post a Comment
  • Dotchi Latham10/6/2008

    This was still helpful despite the mess up. I had the same trouble trying to type an article about HTML. I think it's too much for me for right now. I'll just stick to poetry and recipes :)

  • Chris Schultz8/13/2007

    I will continue to contact AC to get it fixed.

  • Chris Schultz8/13/2007

    This is an open tag: <html>.
    This is a close tag: </html>.
    See the difference? It's the / in the tag. It means that it is a close tag.

  • Chris Schultz8/13/2007

    Since My article has not been fixed yet I will try to patch it back together right here.
    The basic tags in a HTML file are:
    <html> , </html> , <head> , </head> , <title> , </title> , <body> </body>

  • Chris Schultz7/30/2007

    I did know that. Like I said the formatting changed. I had &lt; and &gt;. I had the correct entity name for the HTML! When I checked it after submitting, it was fine. No problems.

  • T. Rawat7/27/2007

    None of your tags showed up because AC probably strips all HTML embedded in your article, with the exception of hyperlinks, to prevent execution of malicious code. This is something you should have known, considering you're writing tutorials concerning HTML.

  • Chris Schultz7/27/2007

    Some of the formating changed when it was published, I have contacted AC about this. < > Are what was in the article. I have no clue why things changed. Hopefully I can get it fixed. Thanks.

Displaying Comments

To comment, please sign in to your Yahoo! account, or sign up for a new account.