Learn HTML

Welcome to free HTML online course. If you want to create websites, then you can not do it without HTML and CSS. Standards have evolved and changed a lot in recent years. Learn how to create basic websites and how to use professional templates. An online tutorial tutorial will guide you through creating a simple static website in HTML and CSS. The substance is explained from the very beginning to uploading to the Internet. You do not need any knowledge except normal computer control. Within a few lessons you will be able to create your own website.

HTML learning course

Just click on the chapter you wish to begin from, and follow the instructions.

Introduction to HTML and your first website
Basic HTML tags
Images and links in HTML
Tables in HTML
HTML lists and tables
Introduction to CSS
Class Selector and CSS text styling
Layout and background in HTML

What do you need to get started?

This text only provides an introduction to HTML.

View source code

Each page is stored on disk or on the server as source code. The code is written in HTML.

To view or edit the source code, enter View> Source (or View> Source from the browser's menu). A program opens and contains the source code. The program is most often Notepad, but it can be another program. Try viewing your source code now.

Two views of one file

One file can be opened in two different types of programs.

In the browser - this is browsing

in the editor - that's an editing

In practice, working with pages looks just like opening one file in two programs - the browser and the editor.

Editing the source changes the page. This is how pages are created and changed.

Work in two programs

HTML is handled by opening one and the same file in two different programs. If you want to experiment, you have to do this.

1. Find the HTML file on the disc. (or at server)

2. Open it in the browser, most often just by double-clicking (the browser is the default opening program)

3.Then go back to disk and open the same page in Notepad or another editor. This is not easy, fortunately there are more options (right click> Open in Notepad, or drag a file to the Notepad icon or open Notepad and via File> Open File to find it). Whoever opens the page in Internet Explorer (blue dot) can use the View> Source command to open the page in Notepad and edit it directly.

Now the situation should be that in one program the file is opened in a browser (eg Internet Explorer, Chrome, Firefox), in the other program the file is opened in an editor (eg Notepad). Now:

1. Change the content in the editor.

2. Save.

3. Switch to your browser.

4. Refresh the page (eg by pressing F5). A change should be seen.