View video tutorial

HTML TUTORIAL

HTML TUTORIAL

This tutorial is for those who want to learn HTML and create a website.

HTML is the building block for websites


HTML is a hypertext markup language for the web.

To create a webpage, website or web application, it is necessary to learn HTML along with other technologies.

It is very easy for anyone to learn.

Browsers read HTML documents to display web content correctly.

Learn HTML

How the browsers work with HTML


Every browser understands HTML language, because the programming is built-in to the browsers.

Developers write code in HTML to make webpage, or websites.

Browsers read HTML tags and contents within it and know what is the meaning and purpose of each HTML tag.

Finally browser renders the contents on the page, viewers see the web page.

See HTML example

Learning with HTML Editor "Try it Now"

You can edit the HTML code and view the result using online editor.

Example

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>
<h3>My Second Heading</h3>
<p>My first paragraph.</p>

</body>
</html>
Try it Now »

Click on the "Try it Now" button to see how it works.


Sample Code

Copy each file contents and paste it to your project, run and see the final output when everything is correct.

Example

<h2>HTML Table Example</h2>
<table>
    <tr>
        <th>Events</th>
        <th>Event Handlers</th>
        <th>Event Fires</th>
    </tr>
    <tr>
        <td>drag</td>
        <td>ondrag</td>
        <td>When a dragged item or element is dragged.</td>
    </tr>
    <tr>
        <td>dragend</td>
        <td>ondragend</td>
        <td>When a drag operation ends (such as releasing a mouse button).</td>
    </tr>
    <tr>
        <td>dragenter</td>
        <td>ondragenter</td>
        <td>When a dragged item enters a valid drop target.</td>
    </tr>
    <tr>
        <td>dragleave</td>
        <td>ondragleave</td>
        <td>When a dragged item leaves a valid drop target.</td>
    </tr>
    <tr>
        <td>dragover</td>
        <td>ondragover</td>
        <td>When a dragged item is being dragged over a valid drop target, every few hundred milliseconds.</td>
    </tr>
    <tr>
        <td>dragstart</td>
        <td>ondragstart</td>
        <td>When the user starts dragging an item.</td>
    </tr>
    <tr>
        <td>drop</td>
        <td>ondrop</td>
        <td>When an item is dropped on a valid drop target.</td>
    </tr>
</table>
Try it Now »

Click on the "Try it Now" button to see how it works.