First webpage guide
  1. First webpage
  2. Second webpage
  3. Summary

Your first webpage

Alright, let's do it, your very first webpage! It won't be too difficult. All you will need to do is copy some code we provide, save it in a file, and view the result in a web browser (A web browser is the program you use to view webpages..in case you didn't know).

Creating your first webpage

The code itself

The code used to create webpages is written in a language called HTML which stands for Hyper Text Markup Language.

Software needed

All you need to create webpages is a simple text editor. The text editor you will be using is notepad. To access notepad, go to your Start menu -> Click on Run -> type notepad and press Enter. The notepad text editor should come up.

Creating the page

Copy the following HTML code into notepad:

<html> <head> <title>My first webpage!</title> </head> <body> <h1>This is my first webpage!</h1> </body> </html>

NOTE: The webpage may not function correctly if you don't copy the code exactly as it is here, so please make sure to do that.

The above code is all you need to create a basic webpage!

Save the file by going to File -> Save -> Click on the 'Save as Type' drop down box and select 'All Files'. Give the file any name you like but make sure that it has a .html extension! Make sure you did everything correctly and once you're ready, save the file to any directory of your choice (the desktop is recommended for easy access).

Viewing your first web page

To view your page, you need to open it inside a web browser. Open your favorite web browser whether it's Firefox, Internet Explorer, Chrome, or anything else. Once you have the browser open, go to File -> Open -> Then navigate to your file and double click on it to open it.

You should now see your first webpage inside the web browser which should look like this:

First webpage

Did it work? If not, please review the steps carefully and make sure that you follow each one exactly as stated.

© Copyright 2013-2014 Landofcode.com
Terms of use | Privacy policy | Copyright information