Your AI powered learning assistant

HTML in 9 Minutes (in Hindi) 🌐

Introduction & History

00:00:00

HTML, the foundational language for web structure, was created by Tim Berners-Lee in 1991 after establishing the World Wide Web. Initially basic and lacking features like image tags, it evolved as a standard tool for developers facing challenges with browser-specific coding requirements. By 1999, HTML 4.0 became a universal standard allowing seamless website creation without adhering to individual browser guidelines. Despite proposals in the early 2000s to enforce XML-like strictness on HTML (XHTML), this idea was rejected due to its impracticality for both developers and users encountering errors from minor mistakes. Today’s stable version is HTML5; however, some still use older versions like HTML4 due to their compatibility.

HTML Syntax

00:03:20

HTML begins with the tag, which must be closed properly. Modern code editors simplify creating an HTML boilerplate structure. The head section within HTML allows adding titles, scripts, or CSS for styling your document.

HTML Tags

00:03:56

HTML tags typically consist of an opening tag and a closing tag, but some do not require closure. These are known as self-closing tags, such as


,
, and . They simplify the structure by eliminating the need for explicit end-tags.

Comments in HTML

00:04:19

Comments in HTML are used to include text that is ignored by the browser during parsing. These comments, written within tags, allow developers to add notes or explanations without affecting the webpage's functionality. However, these comments remain visible when viewing a page's source code through options like "view page source." Therefore, sensitive information such as passwords should never be included in HTML comments.

Headings in HTML

00:04:45

In HTML, headings range from h1 to h6 tags, decreasing in size as the number increases. These are used to structure content hierarchically on a webpage. The syntax involves enclosing text within these heading tags (e.g.,

for the largest heading). Following headings, paragraphs can be added using the

tag to include additional textual content.

HTML attributes enhance the functionality of tags by providing additional information. The 'target' attribute in anchor tags determines whether a link opens in the same tab or a new one, while the 'style' attribute allows inline CSS styling for elements. Images can be added using the tag with its 'src' attribute specifying image URLs and an optional 'alt' attribute describing images for accessibility. Self-closing tags like


and
are used to insert horizontal lines or line breaks respectively.

HTML Lists

00:06:15

In HTML, lists can be represented as ordered or unordered. Ordered lists use the

    tag while unordered ones utilize the
      tag. To include items within these lists, the
    • (list item) tag is employed.

Tables in HTML

00:06:31

In HTML, tables are used to organize data in a tabular format. The basic syntax involves the use of tags like for table rows and for table data cells. These elements work together to structure information clearly within a grid-like layout.

Forms in HTML

00:06:50

HTML forms allow user input through tags like for text, phone numbers, or emails. For larger inputs, the