Programming

Programming intro
Java

Markup

First webpage guide
HTML
XHTML

Style & Layout

CSS

Browser scripting

Javascript
VBScript
AJAX

Server scripting

PHP
ASP

Making money online

Make money online

Your first HTML docment

This tutorial focuses on creating an HTML document in:

If you need to review HTML basics before creating your first HTML document, visit our HTML basics lesson.

Windows

  1. Open notepad by going to Start -> Programs -> Accessories -> Notepad OR go to Start -> Run - Type notepad and press Enter.

  2. Type in the following code:

    <html>
    <head>
    <title>My first page</title>
    <head>
    <body>
    <h1>My first HTML page!</h1>
    </body>
    </html>
    
  3. Save the file as first firstdoc.html

    NOTE: Make sure that you give the file a .html extension and that you save it as type 'All Files', otherwise you will get plain text.

  4. Open your web browser.

  5. Type into the web browsers location bar the absolute location of the directory where you saved the file along with the file name. For example, if you saved the file in C:\windows, type C:\windows\firstdoc.html into the web browsers location bar.

  6. You should now see an HTML document in your web browser which looks like this:

    Document result

Linux

  1. Open nano by opening a console window, type 'nano' and press Enter.

  2. Type in the following code:

    <html>
    <head>
    <title>My first page</title>
    <head>
    <body>
    <h1>My first HTML page!</h1>
    </body>
    </html>
    
  3. Save the file as first firstdoc.html

  4. Type into the web browsers location bar the absolute location of the directory where you saved your file along with the file name. For example, if you saved the file in /home/user1/desktop, type /home/user1/desktop/firstdoc.html into the web browsers location bar.

  5. You should now get the file in your web browser with the same output as the following:

    My first HTML page

Screenshot for Linux coming soon..

Mac

Coming soon..

HTML Examples

View working examples created with HTML in our HTML examples section.

HTML exercises

Practice your HTML skills in our HTML exercises section.

Step-by-step tutorials
Programming intro
HTML
XHTML
CSS
Javascript
Java

Practice

Online code editor
Practical examples
Practical exercises

Reference

Terms glossary
Reference material

Rate this site

Rate this site
Visitor comments