Code Marathi Logo

Introduction

5 min read ·

HTML stands for HyperText Markup Language. It is the standard language used to create and structure content on the web. Every website you see—simple or complex—uses HTML as its foundation.
HTML is not a programming language. It is a markup language, which means it is used to describe and structure content, not to perform logic or calculations.

Why HTML Exists

Before HTML, sharing structured documents over the internet was difficult. HTML was created to:
  • Define the structure of web pages
  • Organize text, images, links, and media
  • Allow browsers to display content consistently
  • Enable navigation between documents using hyperlinks
HTML tells the browser what content is, not how it behaves.

What HTML Is Used For

HTML is used to:
  • Create web pages
  • Define headings, paragraphs, lists, tables
  • Embed images, videos, and audio
  • Create links between pages
  • Build forms for user input
  • Provide semantic meaning to content (important for SEO and accessibility)
HTML works together with:
  • CSS for styling
  • JavaScript for interactivity

How HTML Works

HTML files are plain text files saved with a .html extension.
A browser:
  1. Reads the HTML file
  2. Interprets the markup
  3. Renders the structured content visually
HTML uses tags to mark up content.

HTML Tags and Elements

HTML Tag

A tag is a keyword enclosed in angle brackets:

HTML Element

An element usually consists of:
  • Opening tag
  • Content
  • Closing tag
Here:
  • <p> is the opening tag
  • </p> is the closing tag
  • The full structure is an element

Basic HTML Document Structure

Every HTML document follows a standard structure.

Explanation of Each Part

<!DOCTYPE html>

  • Declares the document type
  • Tells the browser this is HTML5
  • Must be the first line

<html>

  • Root element of the HTML document
  • Wraps all content

<head>

  • Contains metadata
  • Not visible on the page
  • Page title
  • Character encoding
  • SEO-related information
  • CSS links

<title>

  • Sets the browser tab title
  • Important for SEO

<body>

  • Contains all visible content
  • Text, images, links, buttons, etc.

HTML Is Case-Insensitive (But Best Practice)

HTML tags are case-insensitive, but lowercase is the standard practice.

HTML Attributes

Attributes provide additional information about elements.

Syntax

Example

Here:
  • href is an attribute
  • It defines the link destination

Empty (Self-Closing) Elements

Some HTML elements do not have closing tags.
Examples:
They are used to insert something without wrapping content.

HTML Comments

Comments are ignored by the browser.
Used for:
  • Documentation
  • Explaining code
  • Temporarily disabling elements

HTML Headings

HTML provides six heading levels.
  • <h1> is the most important
  • <h6> is the least important
  • Search engines use headings to understand content structure

HTML Paragraphs

Used to display blocks of text.
Browsers automatically add spacing before and after paragraphs.

HTML Links (HyperText)

Links connect web pages.
This is why HTML includes the word HyperText.

HTML Images

Used to display images on a page.
  • src specifies image path
  • alt provides alternative text for accessibility

HTML Lists

Unordered List

Ordered List

HTML Is Declarative

HTML does not describe how to do something. It describes what something is.
Example:
  • <p> means paragraph
  • <nav> means navigation
  • <article> means independent content
This makes HTML semantic and meaningful.

Semantic HTML (Important Concept)

Semantic elements describe their meaning clearly.
Examples:
Benefits:
  • Better SEO
  • Better accessibility
  • Cleaner structure
  • Easier maintenance

HTML and Accessibility

HTML plays a major role in accessibility.
  • Screen readers rely on HTML structure
  • Semantic tags help visually impaired users
  • Proper headings and labels improve usability
Good HTML = inclusive web.

Common Beginner Misconceptions

  • HTML is not a programming language
  • HTML does not add logic or behavior
  • HTML alone cannot create interactive apps
  • HTML structure matters more than appearance

Real-World Use of HTML

HTML is used in:
  • Websites
  • Web applications
  • Email templates
  • Mobile apps (via WebView)
  • Documentation systems
  • Static and dynamic pages
Every web developer must master HTML fundamentals.
A strong HTML foundation makes learning CSS, JavaScript, React, and backend frameworks much easier.
Learn HTML Introduction | HTML Course