Learn HTML from the basics to semantic HTML, forms, accessibility, SEO and practical web development with examples and projects.
Document structure, elements, attributes, and how HTML connects to CSS and JavaScript.
Headings, paragraphs, and the inline tags for meaning, not just style.
Anchor tags, URL types, and link accessibility & SEO considerations.
The img tag, alt text, responsive images and layout-stable sizing.
Ordered, unordered and description lists, including nesting.
Rows, cells, headers, spanning cells and accessible table markup.
Every input type, validation, labels and accessible form patterns.
header, nav, main, section, article and footer — used correctly.
HTML5 markup for audio, video, canvas, SVG and storage — where JS takes over.
Embedding audio, video and third-party content with iframe.
Title tags, meta description, Open Graph, favicons and resource hints.
ARIA, accessible forms/buttons/links and keyboard navigation.
Heading structure, canonical tags, structured data and on-page SEO.
Clean, organized, secure and performant HTML habits.
Topic-wise HTML interview questions with explained answers.
Task-oriented HTML exercises — build real markup, not quizzes.
Complete page builds — portfolio, resume, landing page and more.
No notes found. Try a different search term, or browse all HTML notes.
What HTML actually does, and how it fits with CSS and JavaScript.
How HTML evolved from a simple proposal to the modern living standard.
Why structure and presentation are kept separate, and how they connect.
The stricter XML-based syntax rules XHTML enforced, and why HTML5 moved away from them.
The standard skeleton every HTML page is built from.
Tags, attributes, nesting rules, and void elements explained.
How to write HTML comments, and why they're still visible in page source.
What an element actually is, and how it differs from a tag.
The three kinds of HTML tags, and which ones to avoid in new code.
Name-value pairs that configure elements, including the boolean-attribute trap.
Attributes like id, class and data-* that work on almost any element.
Elements that start on a new line and take full width by default.
Elements that flow within text instead of stacking — with a block vs inline comparison.
What belongs inside the head, and why order matters slightly.
Where all visible page content lives, and where scripts commonly go.
Why the doctype matters — quirks mode vs standards mode.
A small attribute with real accessibility and SEO impact.
Why semantic elements matter more than divs, with a full reference layout.
Introductory content for a page or section — not just for the top of the page.
Wrapping major navigation blocks correctly, including multiple-nav labeling.
Marking a page's primary content, and the skip-to-content accessibility pattern.
Grouping thematic content, and the heading-based rule for using it correctly.
Marking self-contained content, and the standalone/syndication test.
Tangential content — sidebars, pull-quotes, and related content blocks.
Closing content for a page or section, and its accessibility landmark role.
Marking author contact information specifically — not any physical address.
A native, JavaScript-free collapsible widget for FAQs and expandable content.
Marking dates and durations in a machine-readable format.
The real difference, and why both have a legitimate place in real pages.
The heading/theme test for deciding which generic container to use.
The standalone-content test that separates these two commonly confused elements.
Two similarly-named, completely unrelated elements — and how to avoid mixing them up.
Accessible, SEO-friendly navigation habits — labeling, lists, and current-page marking.
Join CodingNow's Full Stack / Web Development course — live mentorship, hands-on projects, and 100% placement support in Delhi NCR.
Enroll Now — Free Demo Available
Insights on AI, Data Science, Full Stack & Career
ompanies are slowly shifting away from degree-based hiring to skills-first hiring. In 2026, many MNC…
Read More →
How to Prepare for HR Interviews – The Complete Guide HR interviews test communication, cultura…
Read More →
Your portfolio isn't a gallery—it's a pitch. Show 3–6 strong projects with live demos, clean Git…
Read More →