HTML Tutorial

HTML stands for HyperText Markup Language.

In this tutorial, we will go through everything you need to know about HTML5 and use them in application development.

Here is the list of topics we are going to explore with examples in this tutorial.

HTML Introduction

HTML Introduction helps us understand what it is, why we need it, how to use it, etc.,

HTML Basic Elements

HTML Images

HTML Links

We will cover what we mean by an HTML Link, how to use them, when to use them, and some important use cases.

HTML Lists

HTML Lists can be used to group identical items, which can be of three different types.

In this section, we will explore HTML lists and its types with examples

HTML Tables

HTML Meta Data

HTML documents can carry some important information about the HTML document itself using HTML Meta Tags, which can be used to define document description, keywords, author, etc.,

In this section, we can learn why we need them, how we add them, and their use cases along with examples.

HTML Comments, Styles, Scripts and More

In this section, we will explore some useful topics along with examples to understand what they are used for in web development.

HTML Iframes

HTML Iframe can be used to embed a web page into another web page.

In this section, we will learn how to embed a web page, YouTube video, YouTube playlist, and a Google map into a web page with examples.

HTML Input Element

HTML provides an element <input> which can be used to accept different types of data from a user on an HTML document.

  • HTML Inputs
  • HTML Input Text
  • HTML Input Number
  • HTML Input Range
  • HTML Input Password
  • HTML Input Email
  • HTML Input Image
  • HTML Input File
  • HTML Input URL
  • HTML Input Date
  • HTML Input Time
  • HTML Input Date Time Local
  • HTML Input Month
  • HTML Input Week
  • HTML Input Color
  • HTML Input Button
  • HTML Input Checkbox
  • HTML Input Radio
  •  
  • HTML Input Hidden
  • HTML Input Search
  • HTML Input Submit
  • HTML Input Reset

HTML Textarea Element

HTML provides an element <textarea> to accept multiple lines of data from a user on an HTML document.

This comes in handy when we need to accept data that span across multiple lines like description, address, etc.,

  • HTML Textarea
  • HTML Textarea Attributes

HTML Forms

  • HTML Forms
  • HTML Form Elements
  • HTML Form Attributes

HTML Media

HTML References

Source Code

Source code is provided for each example, which can also be referred to and downloaded from the below GitHub repository.

Overall

We promise that you will go through an extensive list of topics to understand both basic and advanced concepts of HTML, which makes you proficient in both conceptual and programming-wise.

We hope you will enjoy this tutorial.

Learning is always fun and we should never stop learning.

Happy Learning!!