🔹 1.
HTML Basics
What is HTML / HTML5
HTML5 vs HTML4 differences
HTML Document structure (<!DOCTYPE html>)
<html>, <head>, <body>
<title>, <meta>, <link>, <style>, <script>
🔹 2. Text and Formatting Tags
Headings: <h1> to <h6>
Paragraph: <p>
Line Break: <br>, Horizontal Rule: <hr>
Text formatting:
<b>, <i>, <u>, <mark>, <strong>, <em>, <small>, <del>, <ins>, <sup>, <sub>
Comments: <!-- Comment -->
🔹 3. Lists
Unordered List: <ul>
Ordered List: <ol>
Description List: <dl>, <dt>, <dd>
🔹 4. Links and Anchors
<a href="">, target, download, rel, mailto:, tel:
🔹 5. Images and Media
<img>, alt, title, width, height
<figure>, <figcaption>
🔹 6. Tables
<table>, <tr>, <th>, <td>
colspan, rowspan, <thead>, <tbody>, <tfoot>
Table borders, styles
🔹 7. Forms and Inputs
<form>, action, method, target(parent and top --> used in case of the iframe is
used)
<input> types: text, password, radio, checkbox, submit, reset, button, file, date,
time, email, number, color, range, hidden, tel, url, search
<label>, <textarea>, <select>, <option>, <optgroup>
Form attributes: required, readonly, disabled, placeholder, autofocus,
autocomplete, min, max, step, pattern, value, checked, multiple
🔹 8. Semantic Elements
<header>, <nav>, <main>, <section>, <article>, <aside>, <footer>
<address>, <time>, <mark>
🔹 9. Media Tags
<audio>, <video>, <source>, <track>
Attributes: controls, autoplay, loop, muted, poster
🔹 10. Embedding and External Content
<iframe>---->Attribute Description
src URL of the page to embed inside the iframe
width Width of the iframe (pixels or percentage)
height Height of the iframe (pixels or percentage)
name Name of the iframe (used for targeting links/forms)
sandbox Applies extra restrictions for security (e.g., no scripts)
allow Specifies which features (e.g., camera, microphone) are allowed inside
the iframe
frameborder (Deprecated) Controls border display (usually 0 or 1)
scrolling (Deprecated) Controls scrolling (yes, no, auto)
loading Lazy-load behavior (lazy, eager, or auto)
referrerpolicy, <embed>, <object>, <canvas>, <svg>
🔹 11. HTML5 APIs (Overview and Usage)
Geolocation API
Web Storage API: localStorage, sessionStorage
Drag and Drop API
Offline Web Applications / AppCache (Deprecated but good to know)
Web Workers (just conceptual for HTML level)
WebSockets (concept only, used in JS)
🔹 12. Advanced HTML5 Forms
datalist for input suggestions
fieldset, legend for grouping fields
formnovalidate, formaction in submit buttons (if we have multiple submit we can
redirect to different url with different buttons)
🔹 13. Template and Shadow DOM (Conceptual)
<template>
<slot> (part of Web Components)
🔹 14. Accessibility and ARIA
aria-label, role, aria-hidden
tabindex for keyboard navigation
🔹 15. Meta Tags and SEO
<meta charset="UTF-8">
<meta name="viewport">
<meta name="description">
<meta name="keywords">
Open Graph and Twitter Card tags (for social sharing)
🔹 16. Responsive Design Tags
Viewport meta tag
<picture>, srcset in <img> for responsive images
🔹 17. Miscellaneous
HTML Entities ( (The browser won’t break the line at those spaces. So
it keeps “is” and “spaced” together on the same line (with two spaces between
them)),
< >;, > <;, & &;)
Global attributes:
id, class, style, title, lang, dir, tabindex, contenteditable, hidden, draggable
Deprecated tags (to avoid): <center>, <font>, etc.
HTML Validation and best practices
