Skip to content
geeksforgeeks
  • Tutorials
    • Python
    • Java
    • Data Structures & Algorithms
    • ML & Data Science
    • Interview Corner
    • Programming Languages
    • Web Development
    • CS Subjects
    • DevOps And Linux
    • School Learning
    • Practice Coding Problems
  • Courses
    • DSA to Development
    • Get IBM Certification
    • Newly Launched!
      • Master Django Framework
      • Become AWS Certified
    • For Working Professionals
      • Interview 101: DSA & System Design
      • Data Science Training Program
      • JAVA Backend Development (Live)
      • DevOps Engineering (LIVE)
      • Data Structures & Algorithms in Python
    • For Students
      • Placement Preparation Course
      • Data Science (Live)
      • Data Structure & Algorithm-Self Paced (C++/JAVA)
      • Master Competitive Programming (Live)
      • Full Stack Development with React & Node JS (Live)
    • Full Stack Development
    • Data Science Program
    • All Courses
  • HTML Tutorial
  • HTML Exercises
  • HTML Tags
  • HTML Attributes
  • Global Attributes
  • Event Attributes
  • HTML Interview Questions
  • HTML DOM
  • DOM Audio/Video
  • HTML 5
  • HTML Examples
  • Color Picker
  • A to Z Guide
  • HTML Formatter
Open In App
Next Article:
CSS Complete Guide - A to Z CSS Concepts
Next article icon

HTML Complete Guide – A to Z HTML Concepts

Last Updated : 13 Mar, 2024
Comments
Improve
Suggest changes
Like Article
Like
Report

What is HTML ?

HTML stands for Hypertext Markup Language. It is a standard markup language used to design the documents displayed in the browsers as a web page. This language is used to annotate (make notes for the computer) text so that a machine can understand it and manipulate text accordingly. Most markup languages (e.g. HTML) are human-readable.

HTML Complete Guide
HTML Complete Guide

What is HTML Complete Guide ?

HTML Complete Guide is a list of A to Z HTML concepts from beginner to advanced level.

Table of Contents

  • HTML Basics
  • HTML Tags
  • HTML Attributes
  • HTML DOM
  • HTML Audio & Video
  • HTML Graphics
  • HTML APIs
  • HTML5
  • HTML 5 MathML
  • HTML Course
  • HTML Questions
  • HTML Interview Questions
  • HTML Practice Quiz Sets

HTML Basics

  • HTML Introduction
  • HTML full form
  • HTML Editors
  • HTML Basics
  • HTML Comments
  • HTML Elements
  • HTML Heading
  • HTML Paragraphs
  • HTML Quotations
  • HTML Text Formatting
  • HTML Layout
  • HTML Links
  • HTML Images
  • HTML Tables
  • HTML Lists
  • HTML Forms
  • HTML Block and Inline Elements
  • HTML Iframes
  • HTML File Paths
  • HTML Color Styles and HSL
  • HTML Viewport meta tag for Responsive Web Design
  • HTML Computer Code Elements
  • HTML Entities
  • HTML Charsets
  • HTML URL Encoding
  • HTML Deprecated Tags

HTML Tags

  • HTML <!DOCTYPE HTML> Tag
  • HTML <html> Tag
  • HTML <head> Tag
  • HTML <style> Tag
  • HTML <title> Tag
  • HTML <base> Tag
  • HTML <noscript> Tag
  • HTML <script> Tag
  • HTML <meta> Tag
  • HTML <body> Tag
  • HTML <a> Tag
  • HTML abbr Tag
  • HTML acronym Tag
  • HTML <address> Tag
  • HTML applet Tag
  • HTML <area> Tag
  • HTML5 <article> Tag
  • HTML5 <aside> Tag
  • HTML5 <audio> Tag
  • HTML <b> Tag
  • HTML <base> Tag
  • HTML <basefont> Tag
  • HTML Tags – A to Z List

HTML Attributes

  • HTML Attributes
  • HTML <input> accept Attribute
  • HTML <form> accept-charset Attribute
  • HTML accesskey Attribute
  • HTML action Attribute
  • HTML align Attribute
  • HTML alt attribute
  • HTML <script> async Attribute
  • HTML input autocomplete Attribute
  • HTML <form> autocomplete Attribute
  • HTML autofocus Attribute
  • HTML input autofocus Attribute
  • HTML <button> autofocus Attribute
  • HTML <textarea> autofocus Attribute
  • HTML Global Attributes
  • HTML Attributes Complete Reference

HTML DOM

  • DOM (Document Object Model)
  • HTML DOM activeElement Property
  • HTML DOM anchors Collection
  • HTML DOM close() Method
  • HTML DOM baseURI Property
  • HTML DOM body Property
  • HTML DOM createAttribute() Method
  • HTML DOM doctype Property
  • HTML DOM writeln() Method
  • HTML DOM console error() Method
  • HTML DOM URL Property
  • HTML DOM embeds Collection
  • HTML DOM console warn() Method
  • HTML DOM console trace() Method
  • HTML DOM Complete Reference

HTML Audio & Video

  • HTML DOM Audio Object
  • HTML DOM Video Object
  • HTML DOM Video canPlayType( ) Method
  • HTML DOM Audio audioTracks Property
  • HTML DOM Audio autoplay Property
  • HTML DOM Audio buffered Property
  • HTML DOM Audio controls Property
  • HTML DOM Audio currentSrc Property
  • HTML DOM Audio currentTime Property
  • HTML DOM Audio defaultMuted Property
  • HTML DOM Audio defaultPlaybackRate Property
  • HTML DOM Audio duration Property
  • HTML DOM Audio ended Property
  • HTML DOM Audio loop Property
  • HTML DOM Audio/Video Complete Reference

HTML Graphics

  • HTML SVG-Basics
  • SVG Element Complete Reference
  • SVG Property Complete Reference
  • SVG Attribute Complete Reference
  • HTML Canvas Basics
  • HTML Canvas Complete Reference

HTML APIs

  • HTML Geolocation
  • HTML Drag and Drop
  • target="_blank"LocalStorage and SessionStorage Web Storage APIs
  • Explain Web Worker in HTML
  • What are Server-Sent Events in HTML5?
  • What is the Vibration API in HTML5?

HTML5

  • HTML5 Introduction
  • Are HTML5 tags case sensitive ?
  • HTML5 – New Tags
  • Where to use <br>, <br/> and <br /> ?
  • What are the media element tags introduced by HTML5?
  • What are the HTML tags that deprecated in HTML5?
  • What are <progress> and <meter> tags in HTML5?
  • Explain the use of figure tag in HTML5
  • HTML itemid Attribute
  • What are custom attributes in HTML5?
  • How to define an HTML heading in HTML5?
  • How to add controls to an audio in HTML5?
  • How to preload an audio in HTML5?
  • How to specify the URL of the media file in HTML5?
  • HTML Spell Check
  • What is the Application Cache and why it is used in HTML5?
  • What are the different types of storage in HTML5?
  • HTML5 Complete Reference

HTML 5 MathML

  • HTML5 MathML Introduction
  • HTML5 MathML Tags
    • HTML5 MathML <maction> tag
    • HTML5 MathML <math> tag
    • HTML5 MathML <menclose> Tag
    • HTML5 MathML <merror> Tag
    • HTML5 MathML <mfenched> tag
    • HTML5 MathML <mfrac> tag
    • HTML5 MathML <mglyph> Tag
    • HTML5 MathML <mi> Tag
    • HTML5 MathML <mlabeledtr> tag
    • HTML5 MathML <mmultiscripts> Tag
    • HTML5 MathML <mn> Tag
    • HTML5 MathML <mo> Tag
    • HTML5 MathML <mover> Tag
    • HTML5 MathML <mpadded> Tag
    • HTML5 MathML Complete Reference
  • HTML5 MathML Attributes
    • HTML5 MathML close Attribute
    • HTML5 MathML mathbackground Attribute
    • HTML5 MathML height Attribute
    • HTML5 MathML id Attribute
    • HTML5 MathML largeop Attribute
    • HTML5 MathML frame Attribute
    • HTML5 MathML mathsize Attribute
    • HTML5 MathML align Attribute
    • HTML5 MathML actiontype Attribute
    • HTML5 MathML movablelimits Attribute
    • HTML5 MathML open Attribute
    • HTML5 MathML rowalign Attribute
    • HTML5 MathML separator Attribute
    • HTML5 MathML scriptsizemultiplier Attribute
    • HTML5 MathML selection Attribute
    • HTML5 MathML voffset Attribute
    • HTML5 MathML accent Attribute
    • HTML5 MathML Attribute Complete Reference

HTML Course

  • Introduction to HTML CSS | Learn to Design your First Website in Just 1 Week
  • HTML Course | Structure of an HTML Document
  • HTML Course First Web Page Printing Hello World
  • HTML Course Basics of HTML
  • HTML Course : Starting the Project – Creating Directories
  • HTML Course Understanding and Building Project Structure
  • HTML Course : Creating Navigation Menu
  • HTML Course : Building Header of the Website
  • HTML Course : Building Main Content – Section 1
  • HTML Course | Building Main Content – Section 2
  • HTML course | Building Main Content – Section 3
  • HTML Course | Building Footer
  • HTML Course | Practice Quiz 1
  • HTML Course | Practice Quiz 2

HTML Questions

  • How to Create a Tab Image Gallery?
  • How to create a Hero Image using HTML and CSS?
  • How to Create an Image Overlay Icon using HTML and CSS?
  • How to add a Login Form to an Image using HTML and CSS?
  • How to Create Image Accordion using HTML and CSS?
  • How to set background image in HTML?
  • How to specify a label for an optgroup tag in HTML5?
  • What are physical tags in HTML?
  • How to specify that an option-group should be disabled in HTML5?
  • How to define a visible heading for details element in HTML5?
  • How to hide border and background on empty cells in a table using CSS?
  • Create a Sticky Social Media Bar using HTML and CSS
  • Create a Search Bar using HTML and CSS
  • How to create Right Aligned Menu Links using HTML and CSS?
  • How to Create Section Counter using HTML and CSS?
  • Create Indian Flag using HTML and CSS
  • How to get the rendered height of an element?
  • Design a Rotating card effect using HTML and CSS
  • Responsive Card with hover effect using HTML and CSS
  • How to create Responsive Profile Card using HTML and CSS?
  • How to design Meet the Team Page using HTML and CSS?
  • How to Create Browsers Window using HTML and CSS?
  • How to Create Breadcrumbs using HTML and CSS?
  • How to Create Section Counter using HTML and CSS?
  • How to Create Toggle Switch by using HTML and CSS?
  • How to Create a Cutout Text using HTML and CSS?
  • How to make a Pagination using HTML and CSS?
  • Simple Portfolio Website Design using HTML

HTML Interview Questions

  • HTML Interview Questions and Answers (2023) – Beginner Level
  • HTML Interview Questions and Answers Set (2023) – Intermediate Level
  • HTML Interview Questions and Answers Set (2023) – Advanced Level

HTML Practice Quiz Sets

  • Practice Quiz 1
  • Practice Quiz 2

Next Article
CSS Complete Guide - A to Z CSS Concepts
https://media.geeksforgeeks.org/auth/avatar.png
Anonymous
Improve
Article Tags :
  • HTML
  • A-Z Guides

Similar Reads

    HTML Cheat Sheet
    HTML (HyperText Markup Language) serves as the foundational framework for web pages, structuring content like text, images, and videos. HTML forms the backbone of every web page, defining its structure, content, and interactions. Its enduring relevance lies in its universal adoption across web devel
    15+ min read
    CSS Cheat Sheet
    What is CSS? CSS i.e. Cascading Style Sheets is a stylesheet language used to describe the presentation of a document written in a markup language such as HTML, XML, etc. CSS enhances the look and feel of the webpage by describing how elements should be rendered on screen or in other media. What is
    13 min read
    JavaScript Cheat Sheet
    JavaScript is a lightweight, open, and cross-platform programming language. It is omnipresent in modern development and is used by programmers across the world to create dynamic and interactive web content like applications and browsersJavaScript (JS) is a versatile, high-level programming language
    15+ min read
    jQuery Cheat Sheet
    What is jQuery?jQuery is an open-source, feature-rich JavaScript library, designed to simplify the HTML document traversal and manipulation, event handling, animation, and Ajax with an easy-to-use API that supports the multiple browsers. It makes the easy interaction between the HTML & CSS docum
    15+ min read
    Angular Cheat Sheet
    Angular is a client-side TypeScript-based, front-end web framework developed by the Angular Team at Google, that is mainly used to develop scalable single-page web applications(SPAs) for mobile & desktop. Angular is a great, reusable UI (User Interface) library for developers that helps in build
    15+ min read
    Bootstrap Cheat Sheet
    Bootstrap is a free, open-source, potent CSS framework and toolkit used to create modern and responsive websites and web applications. It is the most popular HTML, CSS, and JavaScript framework for developing responsive, mobile-first websites. Nowadays, websites are perfect for all browsers and all
    15+ min read
    ReactJS Cheat Sheet
    React is an open-source JavaScript library used to create user interfaces in a declarative and efficient way. It is a component-based front-end library responsible only for the view layer of a Model View Controller (MVC) architecture. React is used to create modular user interfaces and promotes the
    9 min read
    HTML Complete Guide
    What is HTML ? HTML stands for Hypertext Markup Language. It is a standard markup language used to design the documents displayed in the browsers as a web page. This language is used to annotate (make notes for the computer) text so that a machine can understand it and manipulate text accordingly. M
    7 min read
    CSS Complete Guide
    What is CSS ?CSS stands for "Cascading Style Sheet". It is used to style HTML Documents. CSS simplifies the process of making web pages presentable. It describes how web pages should look it prescribes colors, fonts, spacing, and much more.CSS Complete GuideWhat is CSS Complete Guide ?CSS Complete G
    4 min read
    JavaScript Complete Guide
    JavaScript is a lightweight, cross-platform, single-threaded, and interpreted compiled programming language. It is also known as the scripting language for web pages. Some of the key features of JavaScript are:Lightweight and Fast: JavaScript is a lightweight programming language that runs quickly i
    6 min read
geeksforgeeks-footer-logo
Corporate & Communications Address:
A-143, 7th Floor, Sovereign Corporate Tower, Sector- 136, Noida, Uttar Pradesh (201305)
Registered Address:
K 061, Tower K, Gulshan Vivante Apartment, Sector 137, Noida, Gautam Buddh Nagar, Uttar Pradesh, 201305
GFG App on Play Store GFG App on App Store
Advertise with us
  • Company
  • About Us
  • Legal
  • Privacy Policy
  • In Media
  • Contact Us
  • Advertise with us
  • GFG Corporate Solution
  • Placement Training Program
  • Languages
  • Python
  • Java
  • C++
  • PHP
  • GoLang
  • SQL
  • R Language
  • Android Tutorial
  • Tutorials Archive
  • DSA
  • Data Structures
  • Algorithms
  • DSA for Beginners
  • Basic DSA Problems
  • DSA Roadmap
  • Top 100 DSA Interview Problems
  • DSA Roadmap by Sandeep Jain
  • All Cheat Sheets
  • Data Science & ML
  • Data Science With Python
  • Data Science For Beginner
  • Machine Learning
  • ML Maths
  • Data Visualisation
  • Pandas
  • NumPy
  • NLP
  • Deep Learning
  • Web Technologies
  • HTML
  • CSS
  • JavaScript
  • TypeScript
  • ReactJS
  • NextJS
  • Bootstrap
  • Web Design
  • Python Tutorial
  • Python Programming Examples
  • Python Projects
  • Python Tkinter
  • Python Web Scraping
  • OpenCV Tutorial
  • Python Interview Question
  • Django
  • Computer Science
  • Operating Systems
  • Computer Network
  • Database Management System
  • Software Engineering
  • Digital Logic Design
  • Engineering Maths
  • Software Development
  • Software Testing
  • DevOps
  • Git
  • Linux
  • AWS
  • Docker
  • Kubernetes
  • Azure
  • GCP
  • DevOps Roadmap
  • System Design
  • High Level Design
  • Low Level Design
  • UML Diagrams
  • Interview Guide
  • Design Patterns
  • OOAD
  • System Design Bootcamp
  • Interview Questions
  • Inteview Preparation
  • Competitive Programming
  • Top DS or Algo for CP
  • Company-Wise Recruitment Process
  • Company-Wise Preparation
  • Aptitude Preparation
  • Puzzles
  • School Subjects
  • Mathematics
  • Physics
  • Chemistry
  • Biology
  • Social Science
  • English Grammar
  • Commerce
  • World GK
  • GeeksforGeeks Videos
  • DSA
  • Python
  • Java
  • C++
  • Web Development
  • Data Science
  • CS Subjects
@GeeksforGeeks, Sanchhaya Education Private Limited, All rights reserved
We use cookies to ensure you have the best browsing experience on our website. By using our site, you acknowledge that you have read and understood our Cookie Policy & Privacy Policy
Lightbox
Improvement
Suggest Changes
Help us improve. Share your suggestions to enhance the article. Contribute your expertise and make a difference in the GeeksforGeeks portal.
geeksforgeeks-suggest-icon
Create Improvement
Enhance the article with your expertise. Contribute to the GeeksforGeeks community and help create better learning resources for all.
geeksforgeeks-improvement-icon
Suggest Changes
min 4 words, max Words Limit:1000

Thank You!

Your suggestions are valuable to us.

What kind of Experience do you want to share?

Interview Experiences
Admission Experiences
Career Journeys
Work Experiences
Campus Experiences
Competitive Exam Experiences