All HTML Tags (with Descriptions)
📄 Document & Metadata Tags
- <!DOCTYPE> – Declares the document type (HTML5)
- <html> – Root element of an HTML document
- <head> – Contains metadata and links to resources
- <title> – Sets the browser tab title
- <meta> – Defines metadata (charset, viewport, etc.)
- <link> – Links external CSS or resources
- <style> – Defines internal CSS styles
- <script> – Embeds or references JavaScript
- <base> – Sets base URL for relative links
- <noscript> – Content to show if scripts are disabled
🧱 Layout & Sectioning Tags
- <body> – Main content of the HTML document
- <header> – Top section (logo, nav)
- <nav> – Navigation links
- <main> – Main content (only one per page)
- <section> – A thematic grouping of content
- <article> – Standalone content (blog post, article, etc.)
- <aside> – Sidebar or extra content
- <footer> – Bottom section (copyright, links)
- <div> – Generic block-level container
- <span> – Generic inline container
🔡 Text & Typography Tags
- <h1> to <h6> – Headings (H1 is largest, H6 is smallest)
- <p> – Paragraph
- <br> – Line break
- <hr> – Horizontal rule (thematic break)
- <pre> – Preformatted text
- <blockquote> – Block-level quoted content
- <q> – Inline quote
- <abbr> – Abbreviation with tooltip
- <cite> – Citation or source title
- <code> – Inline code snippet
- <kbd> – Keyboard input
- <samp> – Sample output or result
- <var> – Variable in a program
- <strong> – Strong importance (bold)
- <em> – Emphasized text (italic)
- <mark> – Highlighted/marked text
- <small> – Smaller text
- <sub> – Subscript text
- <sup> – Superscript text
- <b> – Bold text (without semantic importance)
- <i> – Italic text (without semantic importance)
- <u> – Underlined text
🖼️ Media Tags
- <img> – Image embed
- <audio> – Embed audio file
- <video> – Embed video content
- <source> – Source element for <video> and <audio>
- <track> – Subtitles or captions for media
- <map> – Image map
- <area> – Area inside an image map
- <canvas> – Drawable area via JavaScript
- <svg> – Scalable Vector Graphics
- <figure> – Self-contained media (image, chart, etc.)
- <figcaption> – Caption for a <figure>
- <embed> – Embeds external interactive content (like PDF or Flash)
- <object> – Embeds multimedia/object
- <iframe> – Embed another HTML page
🔗 Hyperlink Tags
- <a> – Anchor or hyperlink
- <link> – Link to external resources (like CSS)
- <nav> – Section for navigation links
📋 Lists & Tables
Lists
- <ul> – Unordered list (bullets)
- <ol> – Ordered list (numbers)
- <li> – List item
- <dl> – Definition list
- <dt> – Definition term
- <dd> – Definition description
Tables
- <table> – Table container
- <tr> – Table row
- <th> – Table header cell
- <td> – Table data cell
- <thead> – Table head
- <tbody> – Table body
- <tfoot> – Table footer
- <caption> – Table title
- <col> – Column definitions
- <colgroup> – Grouping columns
📋 Form & Input Tags
- <form> – Form container
- <input> – Single-line input field
- <textarea> – Multi-line input box
- <button> – Clickable button
- <select> – Dropdown list
- <option> – Option in <select>
- <optgroup> – Group of related <option>s
- <label> – Caption for inputs
- <fieldset> – Group form fields
- <legend> – Title for a <fieldset>
- <output> – Display result (e.g., calculator)
- <datalist> – Input autocomplete options
- <meter> – Gauge (range or level)
- <progress> – Progress bar/status
🔁 Scripting & Behavior Tags
- <script> – Adds JavaScript
- <noscript> – Backup content if JS is disabled
- <template> – Stores client-side content not rendered until needed
- <slot> – Content placeholder in Web Components
- <canvas> – Dynamic graphics drawing (JavaScript)
🧩 HTML5 Semantic & Interactive Tags
- <details> – Expandable content
- <summary> – Heading for <details>
- <dialog> – Dialog box or modal
- <time> – Represents a date/time
- <wbr> – Word break opportunity
🚫 Deprecated / Non-Semantic Tags (do not use)
- <center> – Center content (use CSS instead)
- <font> – Set font styles (use CSS instead)
- <marquee> – Scrolling text (non-standard, avoid)
- <big>, <blink>, <tt> – Removed or deprecated
🔚 Other Special Tags
- <main> – Main content of the document
- <bdi> – Bidirectional isolation
- <bdo> – Override text direction
- <ruby> – Ruby annotation (Asian languages)
- <rt> – Annotation text inside <ruby>
- <rp> – Fallback for browsers not supporting <ruby>
✅ All CSS Properties (Tags) – List View with Descriptions
🎨 1. CSS Colors & Backgrounds
- color – Text color
- background-color – Background color of an element
- background-image – Sets a background image
- background-size – Controls image size (auto, cover, contain)
- background-position – Position of the background image (e.g., center, top right)
- background-repeat – Repeat or no-repeat image
- background-attachment – Scroll or fix background when page scrolls
- opacity – Transparency (0 = fully transparent, 1 = fully opaque)
🧱 2. Box Model (Spacing & Borders)
- margin – Outer spacing around elements
- padding – Inner spacing inside elements
- border – Adds a border (width, style, color)
- border-width – Sets width of the border
- border-style – Defines type e.g., solid, dashed
- border-color – Sets color of the border
- border-radius – Rounds corners
- box-shadow – Add shadow around box
✍️ 3. Text & Font Styles
- font-family – Specifies the font (e.g., Arial, ‘Open Sans’)
- font-size – Size of the text (px, em, rem)
- font-weight – Thickness of text (normal, bold, 400, etc.)
- font-style – Makes text italic or oblique
- text-align – Alignment (left, right, center, justify)
- text-decoration – Adds underline, overline, or line-through
- text-transform – Uppercase, lowercase, or capitalized
- letter-spacing – Space between letters
- line-height – Line spacing (distance between lines)
- white-space – Handling of white spaces (nowrap, pre, etc.)
- word-spacing – Adjusts space between words
📐 4. Layout & Display
- display – How an element is displayed (block, inline, flex, grid, etc.)
- position – Positioning method (static, relative, absolute, fixed, sticky)
- top, right, bottom, left – Offsets for positioned elements
- z-index – Layer positioning (higher value = on top)
- float – Floats element to the left or right
- clear – Control behavior after floated elements
- overflow – What to do with overflow content (hidden, scroll, auto)
- visibility – Show or hide an element
- box-sizing – Defines how width/height is calculated (border-box, content-box)
🧭 5. Flexbox Properties
- display: flex – Enables flexbox layout
- flex-direction – Direction of items (row, column)
- flex-wrap – Allows items to wrap onto multiple lines
- justify-content – Horizontal alignment
- align-items – Vertical alignment of items
- align-self – Overrides alignment for one item
- gap – Space between flex items
- flex-grow – Defines how much a flex item should grow
- flex-shrink – Defines how much a flex item should shrink
- flex-basis – Initial main size of the item
🗂️ 6. Grid Layout Properties
- display: grid – Enables grid layout
- grid-template-columns – Defines number and size of columns
- grid-template-rows – Defines number and size of rows
- grid-gap, row-gap, column-gap – Spacing between grid tracks
- grid-row, grid-column – Placement of elements
- justify-items – Horizontal alignment in cells
- align-items – Vertical alignment in cells
👆 7. User Interaction & Visibility
- cursor – Type of mouse cursor (e.g. pointer, not-allowed)
- pointer-events – Allows or disables pointer events (e.g. mouse click)
- user-select – Controls whether text can be selected
- display: none – Completely hides the element
- visibility: hidden – Hides an element but retains layout space
⏳ 8. Transitions & Animations
- transition – Shorthand for smooth property changes
- transition-property – Which property is affected
- transition-duration – Time it takes to finish transition
- transition-delay – Wait before animation starts
- transition-timing-function – How speed curve is applied
- animation – Shorthand for all animation settings
- animation-name – Refers to keyframes
- animation-duration – How long the animation runs
- animation-delay, animation-iteration-count, animation-timing-function – Control animation behavior
- @keyframes – Define animation steps
💡 9. Dimensions/Units
- width, height – Dimensions of an element
- max-width, max-height – Max size allowed
- min-width, min-height – Minimum size
Units:
- px – Pixels (absolute unit)
- % – Percent relative to parent
- em, rem – Relative to font size
- vh, vw – Viewport height/width
🎯 10. Pseudo-Classes & Pseudo-Elements
- :hover – Style when mouse hovers
- :focus – Style when element is focused
- :active – Style when element is clicked
- :nth-child() – Matches nth child element
- ::before, ::after – Inserts content before or after
🖼️ 11. Visual Effects & Shapes
- filter – Apply image effects (blur, brightness, etc.)
- clip-path – Clip region of an element (make custom shapes)
- border-radius – Round element corners
- box-shadow – Shadow outside the border
- text-shadow – Shadow behind the text
- backdrop-filter – Apply effects behind a semi-transparent layer (e.g., blur)
✅ Java Keywords List with Descriptions (List View)
🔤 Access Modifiers
- public – The code is accessible from anywhere.
- private – The code is only accessible within the declared class.
- protected – The code is accessible in the same package and subclasses.
- (default/package-private) – Accessible only within the same package (if no modifier is specified).
🧱 Class, Method & Object Structure
- class – Declares a new class.
- interface – Declares an interface.
- extends – Inherits fields and methods from a superclass.
- implements – Implements methods defined in an interface.
- abstract – Defines a class/method that must be implemented (cannot be instantiated).
- final – Prevents a class from being extended or a method from being overridden.
- static – Creates class-level variables or methods.
- this – Refers to the current object instance.
- super – Refers to the parent class constructor or members.
- new – Instantiates a new object from a class.
- null – Represents no value or object reference.
🧠 Memory Management & Variables
- byte – 8-bit integer data type.
- short – 16-bit integer data type.
- int – 32-bit integer data type.
- long – 64-bit integer data type.
- float – 32-bit floating-point number.
- double – 64-bit floating-point number.
- char – 16-bit Unicode character.
- boolean – Data type with only two values: true or false.
- void – Used to specify that a method does not return a value.
- var (Java 10+) – Automatically infers the type of a variable (local variables only).
♻️ Control Flow Statements
- if – Executes a block if the condition is true.
- else – Executes if the if condition is false.
- switch – Executes one case depending on the input value.
- case – A specific branch within a switch.
- default – Fallback in a switch if no case matches.
- for – Loop with initialization, condition, and update.
- while – Loop that runs as long as a condition is true.
- do – Executes code block at least once, then checks condition.
- break – Exits a loop or switch case block.
- continue – Skips current loop iteration and continues with the next one.
- return – Exits a method and optionally passes back a value.
⚠️ Exception Handling
- try – Defines a block to test for errors.
- catch – Defines a block to handle exceptions.
- finally – Block that runs whether or not an exception occurs.
- throw – Throws an exception.
- throws – Declares exceptions a method can throw.
🔐 Concurrency & Synchronization
- synchronized – Ensures only one thread accesses the method/block at a time.
- volatile – Prevents variable from being cached; forces read from main memory.
- transient – Prevents serialization of fields in an object.
- native – Indicates a method is implemented in native platform code (e.g., C).
🪄 Class Behavior/Modifications
- instanceof – Tests if an object is an instance of a class.
- enum – Declares an enumerated (constant) type.
- strictfp – Ensures floating-point calculations conform to IEEE 754.
📦 Packages & Imports
- package – Declares the package a class is part of.
- import – Imports other Java classes or packages for use.
🧰 Utility & Reserved Words
- assert – Performs tests during development (debugging tool).
- const – Reserved but not used in Java (use final instead).
- goto – Reserved but not used in Java (for future use or legacy compatibility).
✅ Java Boolean Literals & Special Values
- true – Boolean literal indicating “yes/on”.
- false – Boolean literal indicating “no/off”.
- null – Represents null object reference.
❗ Reserved (Not Used)
- goto – Reserved (not used)
- const – Reserved keyword (use final instead)
