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>
<html>
  <body>
    <h1>My First Heading</h1>
    <p>My first paragraph.</p>
  </body>
</html>

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!

image

The Tags explained

<!DOCTYPE html>

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

<HTML>

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.

Next

Sources

w3schools · html.com



Created by
tibush Labs