Introduction to HTML

So you want to learn how to code a website from the ground up? HTML is your start.

What is HTML?

HTML stands for Hyper Text Markup Language. It is the language that structures the format of a document with the following elements: links, images, text, and other objects.

HTML files usually have an htm or html extension and can be created with any text editor, including Notepad.

Programmer’s Notepad is an excellent free program which provides you with a nice programming environment with syntax highlighting, opening multiple tabs under its window, templates and more. I use it when I edit simple HTML files. So check it out.

Where do I start coding HTML?

With Notepad, simply open a new file. Then go to File -> Save As. Choose All Files under Save as type.

Then give your file the name homepage.html. Any name with the .html extension should work fine.

Any other text editor can create HTML files the same way or provides you with HTML templates that will automatically give your file an .htm or .html extension.

Coding your first homepage

<html>
<head>
 
<title> Title of your first homepage</title>
 
</head>
<body>
 
Hello World! I finally found a way to talk to the internets...
 
</body>
</html>

Save it and you are done! Now simply, open up your html file using your favorite browser. Congratulations! You just created your first website!

Tags: , , , , ,

  • http://tryingtomakemoneyonline.wordpress.com/ Chris Hecker

    Hello, this is an excellent, straight-forward post for people new to web site building and html. I have built a couple of web sites, both of which are currently offline. I have just started a new blog on my efforts to make money online. I actually know some html, though some of it I haven’t used for awhile and have forgotten. What is that old saying about “if you don’t use it you lose it”. I would like to download Programmer’s Notepad. However, I have Windows Vista, and download.com said that it is only compatible with Windows 2000 and XP. Looks like yet another program I can’t download with Windows Vista! Thanks for the superb post. I look forward to reading more of your blog entries.

    Chris Heckers last blog post..Free Online Picture Editor

  • http://tryingtomakemoneyonline.wordpress.com/ Chris Hecker

    Hello, this is an excellent, straight-forward post for people new to web site building and html. I have built a couple of web sites, both of which are currently offline. I have just started a new blog on my efforts to make money online. I actually know some html, though some of it I haven’t used for awhile and have forgotten. What is that old saying about “if you don’t use it you lose it”. I would like to download Programmer’s Notepad. However, I have Windows Vista, and download.com said that it is only compatible with Windows 2000 and XP. Looks like yet another program I can’t download with Windows Vista! Thanks for the superb post. I look forward to reading more of your blog entries.

    Chris Heckers last blog post..Free Online Picture Editor

  • Roby Atadero

    Hey Chris,

    First thing I would like to say is, don’t believe half the stuff people write about what works and doesn’t work with Vista. They are either ancient non-updated posts, or Apple fanboys. I myself have Vista 64-bit and I downloaded and installed Programmers Notepad easy as can be. Sometimes also, its better to go straight to the site that made the program and download it from there.

    http://www.pnotepad.org/

    Hope that helps!

    Roby Atadero

  • Roby Atadero

    Hey Chris,

    First thing I would like to say is, don’t believe half the stuff people write about what works and doesn’t work with Vista. They are either ancient non-updated posts, or Apple fanboys. I myself have Vista 64-bit and I downloaded and installed Programmers Notepad easy as can be. Sometimes also, its better to go straight to the site that made the program and download it from there.

    http://www.pnotepad.org/

    Hope that helps!

    Roby Atadero