My First HTML page!

Are 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:

Step 3: Save My 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.
Share Button
Posted in Computer Science, HTML / CSS

Our Latest Book

Follow this blog