HTML Tutorial

Before we dive in and start learning HTML let's answer these questions.

1. What is HTML and what does it do?

HTML (Hyper Text Markup Language) it is a markup language for describing web pages.

2. How does HTML markup language works?

HTML uses markup tags to describe the web pages. This tags are usually called HTML tags or HTML elements.

3. How does HTML Tags works?

HTML tags normally come in pairs, the opening tag and the closing tag.

Here is an example and , this is the link tag.

4. What is a web page?

A web page is a document that contains HTML Tags and plain text. Web pages are read by web browser like Firefox. The browser does not display the tags, but uses the tags to interpret the content of the page.

Here is an example of a web page:

You can write the code in a plain text editor like notepad and save it as first_webpage.html (or file_name.html)

Ok, we have our first web page, now let's analyze the tags in the example.

   - the tag on line 1, tells the browser where to start and end the web page;

   - on line 2 is the head tag which defines information about the html document;

   - on the third line is the title tag which defines the title of your web page;

   - the tag, line 5, is where all the web page content goes;

   - on line 6 is the paragraph tag.

A short list of the most used HTML tags:

   tag- with this tag you can create a link.

As you can see I added title in the tag, which is responsible for the text that appears when you put your mouse over the link.

   tag - makes the text bold.

   Ex: Hello World => Hello World

   tag - defines the document's body.

   Ex: - makes the page background color blue.


tag - defines a single line break.(yes this does not came in pair)


tag- defines a section in a document.

   tag - defines the font face, size and color for text.

   Ex: Hello World => Hello World


tag - defines an HTML form for user input.

This is the result :

   tag - let's you add an image to your web page.

   Ex: .


tag - defines a list items.


tag - defines an unordered list.


tag - defines an ordered list.

   Example: