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!
This tutorial includes many HTML examples.
Each example shows the rendered output first, like so:
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 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 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.
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.
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.
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.
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.
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.
Tip: Throughout the tutorial, Tips and Notes are highlighted in a light blue callout box like this one.
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.
Each page ends with a 'You may also like' section with links to related topics: