My First HTML page!

HTML-tagAre you ready to set up your first webpage?
All you have to do is follow the following 5 easy steps…

Step 1: Getting Ready

  • Go to your files (e.g. “My Documents”) and create a new folder called “My Website”
  • Inside this folder create a subfolder called “Images”

Step 2: Let’s Get Started

Open your favourite HTML or text editor. Not sure which one? We recommend NotePad++.
Type the following code:

<!DOCTYPE html>
<html>
<head>
	<title>My First Web Page</title>
</head>
<body bgcolor="#BBCCFF">
<h1>Welcome to my first webpage</h1>
<p>I hope you will like this page.</p>

</body>
</html>

Step 3: Saving Your Work

Save this file as index.html in your website folder. (The folder you created in step 1).

SaveAs-Index-html
Notice the file extension: .html Make sure you save your file with this extension, and not as a .txt file!

Step 4: Let’s See It

MyWebsite-Folder

Go to your website folder and open (double click on) your file called “index.html”. It should now appear in your web browser.

Step 5: And Now?

  • Go back to your HTML code and change the text for your first paragraph.
  • Save your file.
  • Reopen it in your web browser, or if you still have it in your web browser, press the F5 key on your keyboard to refresh the page. Your new text should now appear. If not make sure you have saved your code (e.g. in Notepad++) and then in your web browser press the F5 key again.

Did you like this challenge?

Click on a star to rate it!

Average rating 3 / 5. Vote count: 24

No votes so far! Be the first to rate this post.

As you found this challenge interesting...

Follow us on social media!