HTML Complete Guide – A to Z HTML Concepts
Improve
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
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 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
Learn to code easily with our course Coding for Everyone. This course is accessible and designed for everyone, even if you're new to coding. Start today and join millions on a journey to improve your skills!
Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out - check it out now!
Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out - check it out now!
Commit to GfG's Three-90 Challenge! Purchase a course, complete 90% in 90 days, and save 90% cost click here to explore.
Share your thoughts in the comments
