Dofactory.com
Dofactory.com

HTML Tutorial

HTML

HTML is a markup language for building web pages.

With HTML you can build your own websites.

This tutorial gets you up to speed quickly.

It's designed for you and it's free. We hope you enjoy!

HTML Examples

#

This tutorial includes many HTML examples.

Each example shows the rendered output first, like so:

Customer Information





This is followed by the code that created it.

<form action="/tutorial/action.html">
  <fieldset style="border:3px solid steelblue;
                   background-color:aliceblue;">
    <legend>Customer Information</legend>

    <input type="text" placeholder="First name" 
           name="firstname"><br /><br />
    <input type="text" placeholder="Last name" 
           name="lastname"><br /><br />
    <input type="text" placeholder="Email" 
           name="email"><br /><br />

    <button type="submit">Submit</button>
  </fieldset>
</form>

Click the above button to explore the code in our online HTML editor.

Code explanation

Code examples come with explanations, for example:

The <form> tag defines an area with input controls.

This area is where users enter their data.

An <input> tag of type text defines a text field.

An <input> tag of type submit defines a button.

This button submits the data to the server for processing.


HTML and CSS

HTML and CSS are 2 web technologies that web devs need to know.

To create web pages, HTML provides the basic structure.

CSS enhances the look-and-feel by making pages visually attractive.

Find information in our CSS Tutorial and CSS Reference Guide.


HTML Editor

Clicking one of our  Try It live  buttons will open the HTML Editor.
Simply interact with the code on the left, and the results appear instantly on the right.

Html Editor

Tip:  The rendered HTML in the editor looks different from that in the tutorial pages. The reason is that the tutorial pages use Bootstrap CSS libraries, and the editor does not.


HTML for Beginners

If you're a beginner, then this tutorial is for you.

It covers the basics in a simple and easy-to-understand manner.

The HTML editor lets you try the code with instant results -- a great learning experience.


HTML for Experienced Developers

As an experienced developer, this tutorial is also for you.

Our HTML Reference covers all HTML elements and attributes.

Forgot some HTML detail or syntax? This guide is the place to go.


HTML Reference

This tutorial comes with a comprehensive HTML Reference.

It has details on all HTML elements and their attributes.

It's designed for fast access. Front-end developers love it.


Tips and Notes

Tip: Throughout the tutorial, Tips and Notes are highlighted in a light blue callout box like this one.


Did you know?

Did you know?

Stay informed with useful HTML

This tutorial includes 'Did you know' sections that are marked with the above icon.

These sections present interesting and valuable HTML.

It keeps you informed and interested. And you will learn a few things you did not know before.


You may also like

Each page ends with a 'You may also like' section with links to related topics:




Last updated on Sep 30, 2023




Guides