SA-21/06, C-11, Asapur, Varanasi, UP support@kamaldnp.com +91 8318013442
Beginner · 35 LESSONS · FREE

HTML Tutorial — Learn HTML from Scratch

Learn HTML step by step in simple English — from your first page to forms, tables, media and semantic HTML. Every lesson has a real example and its output, a free quiz at the end, and a certificate for just ₹10.

Start Lesson 1 Take the test — ₹10 Live editor

What you will learn

1
HTML Introduction: What is HTML? Learn with Examples
2
Best Free HTML Editors: Notepad to VS Code for Beginners
3
HTML Basic Structure: Doctype, Head, Body Explained
4
HTML Elements Explained: Tags, Content & Empty Elements
5
HTML Attributes List: href, src, alt, width, title & More
6
HTML Headings h1 to h6: Which Heading Tag to Use When
7
HTML Paragraphs: p Tag, br Line Breaks & pre Text
8
HTML Style Attribute: Colour, Font Size & Alignment
9
HTML Text Formatting Tags: bold, italic, mark & More
10
HTML Comments: How to Add Notes & Hide Code in HTML
11
HTML Colors: Names, HEX, RGB & HSL Colour Codes
12
HTML CSS: Inline, Internal & External Stylesheets
13
HTML Links: a Tag, href, New Tab & Email Links
14
HTML Images: img Tag, src, alt, Width & Formats
15
HTML Favicon: Create & Add a Browser Tab Icon
16
HTML Title Tag: How to Write a Good Page Title
17
HTML Tables: table, tr, th, td, colspan & rowspan
18
HTML Lists: ul, ol, dl & Nested Lists Explained
19
HTML Block vs Inline Elements: div, p, span Explained
20
HTML Div Tag: Group Content & Build Page Layouts
21
HTML Class Attribute: Style Many Elements at Once
22
HTML id Attribute: Unique IDs, Links, CSS & JavaScript
23
HTML Iframes: Embed YouTube, Maps & Pages in HTML
24
HTML JavaScript: script Tag, Clicks & First Example
25
HTML File Paths: Relative vs Absolute Paths Explained
26
HTML Head Element: title, meta, charset & viewport
27
HTML Layout: header, nav, main, footer Page Structure
28
HTML Responsive Design: Viewport, Images & Media Queries
29
Semantic HTML Tags: header, nav, main, article & footer
30
HTML Forms: input, label, select, checkbox & Submit
31
HTML Entities: & < > © with Examples
32
HTML Audio & Video Tags: controls, source & Fallback
33
HTML Accessibility: alt Text, Labels, Landmarks & ARIA
34
HTML Meta Tags & SEO: charset, viewport, OG Tags
35
HTML Quotations: blockquote, q, cite, abbr & address

Practice projects — 5 complete demo websites

Reading is not enough — open a real website, see how it is built, and copy the idea. Each demo is a complete little website made with only HTML + a little CSS (no JavaScript). Open one, then try to build your own version.

Why learn HTML yourself — why not just ask AI?

AI can write a page for you. But it cannot learn it for you. Here is why doing it yourself matters:

Exams have no AI

In your polytechnic exam there is no chatbot to ask. You need the definition in your own words, from your own memory. That only comes from reading and writing it yourself.

Interviews ask "why"

An interviewer does not ask you to paste code. They ask why you used this tag and not that one. A copied answer has no "why" — a learned answer does.

Your brain learns by doing

Every time you write a tag yourself and see the result on the screen, the idea sticks. Reading alone fades in a day. Doing stays for years.

HTML is the foundation

CSS and JavaScript both sit on top of HTML. If the foundation is weak, everything built on it shakes. Learn the base well, and the rest becomes easy.

One line to remember"HTML is the skeleton of every web page — it gives the page its shape, its headings, its links and its form."
Get certified — just ₹10

Finish the lessons, pass the 30-minute test (80% to pass), pay ₹10 and download your certificate with a verifiable code.

Take the test
Go further with a full course

Free tutorials teach you the basics. Our paid courses add live projects, mentorship and a certificate.

AI & ML with Azure AI, AWS AI & Generative AI
₹10,000
View
Website Design Using WordPress 3 Days (Basic to Advanced)
₹199
View
Summer Training in Python Programming 2026
₹3,000
View
Browse all courses

🤖 KAMALDNP AI Assistant

Ask about courses, website & more

Hi! I'm KAMALDNP AI Assistant. Ask me about our courses, website features, or anything else! 😊
Please wait 5s...
🛡️ 7-Day Money-Back Guarantee
🤖 KAMALDNP Assistant ✕

Request human callback:

🔐 Login Required
✕

Download karne ke liye login karo. Login ke baad yahi page pe rahoge!

Naya ho? Register karo →