Creating your first Website

Web pages can be created and modified by using professional HTML editors.

However, for learning HTML we recommend a simple text editor like Notepad (PC) or TextEdit (Mac).

We believe using a simple text editor is a good way to learn HTML.

Follow the four steps below to create your first web page with Notepad or TextEdit.

Step 1: Open Notepad (PC)

Windows 8 or later:

Open the Start Screen (the window symbol at the bottom left on your screen). Type Notepad.

Windows 7 or earlier:

Open Start > Programs > Accessories > Notepad

Step 1: Open TextEdit (Mac)

Open Finder > Applications > TextEdit

Also change some preferences to get the application to save files correctly. In Preferences > Format > choose "Plain Text"

Then under "Open and Save", check the box that says "Display HTML files as HTML code instead of formatted text".

Then open a new document to place the code.

Step 2: Write Some HTML

Write or copy some HTML into Notepad.

<!DOCTYPE html>
    <h1>My First Heading</h1>
    <p>My first paragraph.</p>

Step 3: Save & View

Now save the file with CTRL+S as "website.html". Then open the file with your Favourite Web Browser. Congratulations, you just created your first Website!


The Tags explained

<!DOCTYPE html>

This tag specifies the language you will write on the page. In this case, the language is HTML 5.


This tag signals that from here on we are going to write in HTML code.

Underneath the HTML we will open two further elements: <head> and <body>

The content placed inside the <head> tag is mostly designed to be read by search engines and other robots and is not for human consumption. Inside the <body> tag you put your content.



w3schools ·

Created by
tibush Labs