Get your Web site started

Before we start exploring in depth the structure of HTML, it is important to note that it is not a programming language, though you can be forgiven for thinking it is. HTML (Hyper Text Markup Language) is known as a scripting language, a category that includes JavaScript and VBScript.

The main difference between scripting and programming is that the former is a lot easier to learn and implement. This is good news for budding coders who may have been put off learning HTML because of the complexity of true programming languages such as Java, CGI or C++.

Apart from simplicity levels, another variation is that scripting languages such as HTML are used specifically for the Internet: their purpose is to execute instructions through your Internet browser. Programming languages, on the other hand, can be run independently and may not have anything to do with the Internet.

Notepad - your free editor

At the simplest stage, you need two pieces of software to create Web pages. The first is Notepad (or Windows WordPad), and the second is a browser. Notepad is an application that most computers have by default. To open it, go to the Start menu on your computer, select Programs and then Accessories and you will see Notepad as an option. Once you open Notepad, you will see a blank page. This is where you will write your HTML code.

Browsers

All browsers are designed to view Web pages, though each has its unique traits. This may be the way they interpret your HTML code, or simply the menu options available. For this reason, you should always check your HTML pages in both Internet Explorer and Netscape Communicator (these being the most popular browsers) to ensure your code looks good in both viewing platforms.

Browsers are simply applications designed to display and interpret your code. You cannot change the code through your browser. To make changes, modify and save your code in your Notepad document, then load the file in your browser to see the adjustments. If the file is already open, then click the Refresh or Reload button.

Create your first Web page

Once you have Notepad open, you can begin your coding.

The first tag you require is <HTML>, which lets the computer know that you are writing a Web page. This must be followed by:

<HEAD><TITLE>insert your title here</TITLE></HEAD>

The text that you place within the <TITLE> tags will appear in the top left of your browser. This information is used by search engines to determine the relevance of your page to search queries.

The majority of your script will fall inside the <BODY> tags. Here, you can insert text, images and hyperlinks, to name a few items. We will look at the latter two in the next Here's How column. Here are some tags you can use to format your text:

After you have finished with the content of your page, you should type </BODY> and </HTML> to let the computer know that you are completed.

Saving your HTML file

In Notepad, select File-Save As, browse to the location on your computer where you want to save your file, and name it something like firstpage.html.

Important: you must select "All Files (*.*)" in "Save as Type", or your file will be saved automatically as an incorrect file type and not as an HTML file.

How to view your Web page

You needn't be connected to the Internet to create or view your Web pages. You are simply creating a file on your local hard drive. At some stage (when you are ready for the world to see your work), you can upload the files to the Internet, and we'll show you how to do that in a future Here's How column.

Open the HTML file you just created. If you are using Internet Explorer as your browser, select Open... from the File menu, then click on the Browse... button. Locate the name of the file you created (firstpage.html) and click Open

If you are using Netscape, select Open Page... from the File menu, then click the Choose file button to locate your file.


Join the newsletter!

Or

Sign up to gain exclusive access to email subscriptions, event invitations, competitions, giveaways, and much more.

Membership is free, and your security and privacy remain protected. View our privacy policy before signing up.

Error: Please check your email address.
Keep up with the latest tech news, reviews and previews by subscribing to the Good Gear Guide newsletter.

Heidi Woof

PC World
Show Comments

Cool Tech

Toys for Boys

Family Friendly

Stocking Stuffer

SmartLens - Clip on Phone Camera Lens Set of 3

Learn more >

Christmas Gift Guide

Click for more ›

Brand Post

Most Popular Reviews

Latest Articles

Resources

PCW Evaluation Team

Aysha Strobbe

Microsoft Office 365/HP Spectre x360

Microsoft Office continues to make a student’s life that little bit easier by offering reliable, easy to use, time-saving functionality, while continuing to develop new features that further enhance what is already a formidable collection of applications

Michael Hargreaves

Microsoft Office 365/Dell XPS 15 2-in-1

I’d recommend a Dell XPS 15 2-in-1 and the new Windows 10 to anyone who needs to get serious work done (before you kick back on your couch with your favourite Netflix show.)

Maryellen Rose George

Brother PT-P750W

It’s useful for office tasks as well as pragmatic labelling of equipment and storage – just don’t get too excited and label everything in sight!

Cathy Giles

Brother MFC-L8900CDW

The Brother MFC-L8900CDW is an absolute stand out. I struggle to fault it.

Luke Hill

MSI GT75 TITAN

I need power and lots of it. As a Front End Web developer anything less just won’t cut it which is why the MSI GT75 is an outstanding laptop for me. It’s a sleek and futuristic looking, high quality, beast that has a touch of sci-fi flare about it.

Emily Tyson

MSI GE63 Raider

If you’re looking to invest in your next work horse laptop for work or home use, you can’t go wrong with the MSI GE63.

Featured Content

Product Launch Showcase

Don’t have an account? Sign up here

Don't have an account? Sign up now

Forgot password?