HTML is the standard markup language for Web pages.

How we Learn

We will learn with example and you can see output here like following,

Just click on HTML, CSS, and JS tab to see the code, you can edit here as well as on codepen by just click on Edit on Codepen on the right top

See the Pen intro to html by Arpit (@soniarpit) on CodePen.

HTML is easy to learn. Following is table of content. So refer this first.

Table of Content (HTML Tutorial)

Before starting an HTML tutorial and If you are new in web development then read the following articles.

1. Introduction to Web - Detailed Explanation
2. Web Design – The Ultimate Guide

Now table of content for HTML tutorial. Just click on link to access tutorial.

• Introduction to HTML
  • What is HTML
  • Why learn HTML
  • History of HTML
  • Basic HTML Document
  • What is an HTML Element (tags)?
• Editors for HTML
• HTML Basic
  • HTML Documents
  • The Declaration
  • HTML Comment Tags
  • HTML heading
  • HTML Paragraphs
  • HTML Links
  • How to View HTML Source?
• HTML Elements
  • Nested HTML Elements
  • Never Skip the End Tag
  • Empty HTML Elements
  • HTML is Not Case Sensitive
• HTML Attributes
  • The href Attribute
  • The src Attribute
  • The width and height Attributes
  • The style Attribute
  • The lang Attribute
  • The title Attribute
  • We Suggest: Always Use Lowercase Attributes
  • We Suggest: Always Quote Attribute Values
  • Single or Double Quotes?
• HTML Headings
  • Why Headings are Important
  • How to make heading more bigger
• HTML Paragraphs

  • tag

  • HTML Horizontal Rules

    ---

    tag
  • HTML Line Breaks
    tag
  • Solution – The HTML

     Tag

• Text Formatting
  • , , , etc. tags
• HTML Phrase tags
  • Quoting tag
  • Short Quotations
  • Text Abbreviation tag
  • Address Text
  • Bi-Directional Override
  • Definition tag
  • Code tags
  • For Program Output
  • Keyboard Tag
• HTML Links
  • HTML Links – Hyperlinks
  • Absolute URLs vs. Relative URLs
  • Use Image as a Link
  • Link to an Email Address
  • Button as a Link
  • Link Titles
  • Create Bookmark Link
  • More on Absolute URLs and Relative URLs
• HTML Images
• HTML Tables
  • Basic Table Structure
  • RowSpan and ColSpan
  • All and some Additional Table Tags
• HTML Lists
  • HTML Unordered Lists
  • HTML Ordered Lists
• HTML Block and Inline Tags
  • Block-level Elements
  • Inline Elements
  • The
    tag
  • The tag
• HTML class Attribute
• HTML id Attribute
• HTML iFrame
• The Head Element
  • The HTML Tag
  • The HTML
  • The HTML <meta> Tag
  • The HTML Tag
  • The HTML <link> Tag
  • The HTML
  • The HTML <script> Tag
• HTML Semantic Elements
  • What are Semantic Elements?
  • Semantic Elements in HTML
  • Why Semantic Elements?
  • HTML
    Element
  • HTML
    Element
  • HTML
    Element
  • HTML
  • HTML
  • HTML
  • HTML

    and

• HTML Entities
• HTML Forms – Basic
  • HTML
    element
  • HTML element
• HTML Form Attribute
  • Action attribute
  • Target attribute
  • Method Attribute
  • Autocomplete attribute
  • Novalidate Attribute
  • enctype attribute
  • List of All Attributes
• HTML Form Elements
  • HTML Elements
  • Tag
  • Tag
  • Tag  Tag Tag
  • <button> Tag
  • and

    Tag
  • Tag
• HTML Input types
  • HTML Input Types
  • Input Type Text
  • Input Type Password
  • Input Type Submit
  • Input Type Reset
  • Input Type Radio
  • Input Type Checkbox
  • Input Type Button
  • Input Type Color
  • Input Type Date
  • Input Type Datetime-local
  • Input Type Email
  • Input Type File
  • Input Type Month
  • Input Type Number
  • Input Restrictions
  • Input Type Range
  • Input Type Search
  • Input Type Tel
  • Input Type Time
  • Input Type Url
  • Input Type Week
• HTML Input Attributes
  • The value Attribute
  • The readonly Attribute
  • The disabled Attribute
  • The size Attribute
  • The maxlength Attribute
  • The min and max Attributes
  • The multiple Attribute
  • The pattern Attribute
  • The placeholder Attribute
  • The required Attribute
  • The step Attribute
  • The autofocus Attribute
  • The height and width Attributes
  • The list Attribute
  • The autocomplete Attribute
• HTML Input form* Attributes
  • The form Attribute
  • The formaction Attribute
  • The formenctype Attribute
  • The formmethod Attribute
  • The formtarget Attribute
  • The formnovalidate Attribute
  • The novalidate Attribute
• HTML Audio Control
• HTML Video Control
• HTML Geolocation API
• HTML Drag and Drop API
• HTML Web Storage API
• Difference between HTML and XHTML

Table of content will update as soon as new html tutorial will post. But now this is done (updated).

ref: w3schools, tutorialspoint, javatpoint