Chapter 1
Beginner
8 min read
HTML
Introduction to HTML & How It Works
HTML (HyperText Markup Language) is the skeleton of every web page on the internet. It is the first language every web developer learns — and it takes just minutes to write your very first page.
What is HTML?
HTML stands for HyperText Markup Language. It is the standard language used to create and structure content on the web. Every web page you visit — from Google to YouTube to this tutorial — is built with HTML at its core.
HTML is not a programming language. It is a markup language, which means it uses special tags to label and organise text, images, links, and other content so browsers know how to display them.
HyperText
Text that links to other content via hyperlinks — the core idea that connects
the entire web together.
Markup
Tags that annotate and describe content — telling the browser "this is a
heading", "this is a paragraph", "this is an image".
Language
A formal, standardised set of rules (maintained by WHATWG) that every browser
in the world understands the same way.
Browser Rendered
No compilation, no server needed to learn. Save a
.html file and open it — you're done.HTML, CSS & JavaScript — The Web Trio
Every modern web page is built on three technologies that work together. Think of building a house: HTML is the bricks and structure, CSS is the paint and interior design, and JavaScript is the electricity and plumbing that makes everything interactive.
HTML
Structure — defines the content: headings, paragraphs,
images, links, forms.
CSS
Presentation — controls colours, fonts, layout, spacing, and
visual style.
JavaScript
Behaviour — adds interactivity: click events, animations,
data fetching, dynamic updates.
A Brief History of HTML
HTML has evolved dramatically since it was invented in a CERN office in 1991. Here are the milestones that shaped the language:
1991
Tim Berners-Lee invents HTML at CERN. The first version had 18
tags — mainly for basic document structure and hyperlinks. The World Wide Web is born.
1995
HTML 2.0 is published as the first formal standard by the IETF.
Adds forms, image embedding, and basic tables.
1997
HTML 3.2 standardised by W3C. Browser wars between Netscape and
Internet Explorer push HTML further with custom (non-standard) tags.
1999
HTML 4.01 — the version that powered the web for over a decade.
Introduces separation of structure (HTML) from presentation (CSS).
2008–2014
HTML5 draft begins in 2008, officially published by W3C in
2014. Adds
<video>, <audio>, <canvas>,
semantic elements, Web Storage, and much more.2019–now
WHATWG HTML Living Standard becomes the single authoritative
spec. HTML is now a continuously updated living standard rather than numbered versions.
Key Features of HTML
What makes HTML the universal language of the web?
Platform Independent
HTML runs in every browser on every device — desktop, mobile, tablet —
without any modification.
Tag-Based Structure
Content is wrapped in descriptive tags like
<h1>, <p>, <img> that tell browsers what each piece of content is.Hyperlinks
The
<a> tag connects pages,
sites, and resources — the very idea that makes the web a "web".Multimedia Support
Native tags for images, audio, and video without needing any plugin or
third-party library.
Semantic Elements
HTML5 tags like
<header>, <article>, and <nav>
give meaning to structure — great for SEO and accessibility.Forms & Input
Built-in form elements collect user data — text, email, passwords, file
uploads, date pickers, and more.
Accessibility Built-in
Proper HTML structure helps screen readers and assistive technologies —
making the web usable for everyone.
Easy to Learn
HTML has a gentle learning curve. You can write a working web page in under
10 minutes — no prior experience needed.
Browser-Rendered
No compiler, no server needed to get started. Save a file as
.html and open it directly in any browser.HTML vs Other Web Technologies
How does HTML compare to related technologies you'll hear about?
| Technology | Type | Purpose | Mandatory on the Web? |
|---|---|---|---|
| HTML | Markup Language | Structure & content |
|
| CSS | Style Sheet Language | Visual design & layout |
|
| JavaScript | Programming Language | Interactivity & logic |
|
| XML | Markup Language | Data exchange & config |
|
| Markdown | Lightweight Markup | Simple docs & README files |
|
What Can You Build with HTML?
HTML is the starting point for virtually everything on the web:
Anatomy of an HTML Page
Every HTML document follows the same basic skeleton. Here is what each part does:
Your First HTML Page
Here is a complete, working HTML page you can copy and save as
index.html right now. Open it in any browser:
HTML — index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My First HTML Page</title>
</head>
<body>
<h1>Hello, World! 🌍</h1>
<p>This is my <strong>first HTML page</strong> — built by me.</p>
<!-- An unordered list -->
<ul>
<li>HTML gives web pages structure</li>
<li>CSS gives them style</li>
<li>JavaScript makes them interactive</li>
</ul>
<!-- A clickable link -->
<a href="https://k2infocom.com">Visit K2infocom</a>
</body>
</html>index.html → double-click the file. Your browser opens and
you'll see your first web page!
Try It Yourself
Live Editor
✎ Editor
👁 Preview
<p>
needs a matching closing tag </p> (except self-closing
tags like <img> and <br>).
120+
Chapters
40 hrs
Content
Projects
10 Real
4.9 ⭐
Rating
HTML5
CSS3
JavaScript
React.js
Node.js
MongoDB
AI Tools
Test your understanding by expanding each question below to reveal the full answer.
HTML (HyperText Markup Language) is the standard language used to create and structure web pages. It
defines
headings, paragraphs, images, links, and all visible content in a browser.
The <head> contains metadata like title, charset, SEO tags, and CSS links — it is
not visible on the page.
The <body> contains all visible content such as text, images, links, and forms.
UTF-8 ensures that all characters (including emojis and multiple languages) display correctly in the
browser.
Without it, text may appear broken or unreadable.
The
lang attribute defines the language of the webpage. It helps
screen readers,
SEO, and browsers understand and process the content correctly.
Block elements take full width and start on a new line (e.g., <div>, <p>).
Inline elements stay within text and take only required space (e.g., <span>, <a>).
The viewport tag ensures websites are responsive on mobile devices by matching the page width to the
device screen size.
Without it, pages appear zoomed out and unreadable on phones.
MCQ 1 of 4
What is HTML?
MCQ 2 of 4
Which three technologies form the foundation of web development?
MCQ 3 of 4
What is the main purpose of HTML?
MCQ 4 of 4
Which statement about HTML is correct?
- HTML (HyperText Markup Language) is the standard language for creating web pages — it provides structure and content.
- HTML is a markup language, not a programming language. It uses tags to label content.
- Every page on the web uses HTML. CSS styles it. JavaScript makes it interactive.
- HTML was invented by Tim Berners-Lee at CERN in 1991.
- HTML5 (2014) added semantic elements, media support, and Web APIs. HTML is now a living standard maintained by WHATWG.
- A valid HTML page needs:
<!DOCTYPE html>,<html>,<head>, and<body>. - You can write HTML in any text editor. Save the file as
.htmland open in a browser — no installation needed.
Enjoying this tutorial?
If this tutorial helped you, a 5-star Google review means a lot.
It helps other learners discover our free content and motivates us to keep improving.
Join Our Learning Community
Connect with thousands of learners, get daily tips, ask questions, and stay updated with new tutorials.