--/--/----|--:--:--|Loading

New Delhi, India

28°CPartly Cloudy

Login Sign Up→

Loading ToolNest…

Practical tools, courses, and tutorials for people building useful things.

Quick Links

Home
Tools
Courses
Tutorials
Categories
About
Contact

Resources

Text Tools
Developer Tools
Generators

Legal

Privacy
Terms

© QEVANTI. All rights reserved.

0% complete

HTML Complete Course

Progress0%

MODULE 1

HTML Foundations

What Is HTML?How HTML Works HTML Document Structure DOCTYPE and HTML Version The Head Element The Body Element HTML Comments Your First HTML Page

MODULE 2

Text and Content

Headings Paragraphs Line Breaks Horizontal Rules Bold and Important Text Italic and Emphasized Text Strong and Emphasis Quotations Abbreviations Code and Preformatted Text

MODULE 3

Links and Navigation

Anchor Elements Absolute URLs Relative URLs Internal Page Links External Links Email Links Telephone Links Opening Links Safely Navigation Menus Building a Multi-Page Navigation

MODULE 4

Images and Media

Images Image Paths Alt Text Image Dimensions Figure and Figcaption Audio Video Source Elements Responsive Images Accessible Media

MODULE 5

Lists

Unordered Lists Ordered Lists Description Lists Nested Lists Navigation Lists Lists in Real Websites

MODULE 6

Tables

HTML Tables Table Rows and Cells Table Headers Table Captions thead tbody tfoot colspan rowspan Accessible Tables Building a Real Data Table

MODULE 7

Forms

HTML Forms Form Action and Method Input Elements Text Inputs Email Inputs Password Inputs Number Inputs Date and Time Inputs Checkbox Inputs Radio Buttons Select and Option Textarea Buttons Labels Fieldset and Legend Form Validation Required Fields Building a Registration Form

MODULE 8

Semantic HTML

What Is Semantic HTML?header nav main section article aside footer figure time address Building a Semantic Page

MODULE 9

Accessibility

What Is Web Accessibility?Semantic Elements and Accessibility Accessible Headings Accessible Links Accessible Images Accessible Forms Labels Keyboard Navigation ARIA Basics When NOT to Use ARIA Accessibility Best Practices

MODULE 10

HTML Metadata and SEO

HTML Metadata Title Meta Description Viewport Canonical URLs Robots Metadata Open Graph Basics Structured Content SEO-Friendly HTML Building a Search-Friendly Page

MODULE 11

Modern HTML

HTML5 Overview Data Attributes Details and Summary Dialog Progress Meter Template Picture Source Modern Form Features Modern HTML Patterns

MODULE 12

Professional HTML

HTML Project Structure Semantic Page Architecture Naming and Organization Accessibility Review SEO Review Performance Considerations HTML Validation Debugging HTML Common Production Mistakes Professional HTML Checklist

MODULE 13

HTML Projects

Personal Profile Page Blog Article Page Product Landing Page Registration Form Project Documentation Page Portfolio Website Multi-Page Business Website

MODULE 14

Final HTML Project

Project Brief and Information Architecture Home Page About Page Projects Page Blog Page Contact Form Portfolio Metadata Accessibility Review Final Validation and Launch Checklist

MODULE 12 · Professional HTML

Reading · 12 min

Naming and Organization

Reading material

Previous lesson

Your progress is saved on this device. Sign in to keep it across devices.