Please enable JavaScript.

Coggle requires JavaScript to display documents.

Html Tags - Coggle Diagram

- - - - Text Input Types
        
        <input type="text">: A single-line text input.
        
        <input type="password">: A single-line text input that hides the text (for passwords).
        
        <input type="email">: A single-line input for email addresses; validates email format.
        
        <input type="url">: A single-line input for URLs; validates URL format.
        
        <input type="tel">: A single-line input for telephone numbers.
        
        Number and Range Input Types
        
        <input type="number">: A numeric input that allows only numbers; includes controls for incrementing/decrementing.
        
        <input type="range">: A slider for selecting a value within a specified range.
        
        Date and Time Input Types
        
        <input type="date">: A date picker; allows users to select a date.
        
        <input type="time">: A time picker; allows users to select a time.
        
        <input type="datetime-local">: A date and time picker; allows users to select both.
        
        <input type="month">: A month picker; allows users to select a month and year.
        
        <input type="week">: A week picker; allows users to select a specific week and year.
        
        File Input Type
        
        <input type="file">: Allows users to upload files from their device.
        
        Checkbox and Radio Input Types
        
        <input type="checkbox">: A checkbox for binary options (checked/unchecked).
        
        <input type="radio">: A radio button; allows users to select one option from a group.
        
        Button Input Types
        
        <input type="submit">: A button to submit the form.
        
        <input type="reset">: A button to reset the form fields to their default values.
        
        <input type="button">: A generic button that can trigger custom actions via JavaScript.
        
        Color Input Type
        
        <input type="color">: A color picker; allows users to select a color.
        
        Search Input Type
        
        <input type="search">: A text input designed for search queries; may have special styling.
        
        Hidden Input Type
        
        <input type="hidden">: A hidden input field that is not visible to users but can store data.
- - - - <header>: Represents the introductory content of a section or page.
      - <nav>: Defines navigation links.
      - <section>: Represents a thematic grouping of content.
      - <article>: Represents a self-contained piece of content (e.g., a blog post).
      - <aside>: Contains content related to the main content (e.g., sidebars).
      - <footer>: Represents footer content for a section or page.
      - <div>: A generic container for grouping content (does not have semantic meaning).
  - - - <span>: A generic inline container for text and other inline elements.
      - <a>: Defines hyperlinks to other web pages or resources.
      - <strong>: Indicates strong importance (often displayed as bold text).
      - <em>: Indicates emphasis (often displayed as italic text).
      - <b>: Displays text in bold (does not convey importance).
      - <i>: Displays text in italic (does not convey emphasis).
      - <img>: Embeds images in the document.
      - <br>: Inserts a line break.
      - <hr>: Creates a thematic break (horizontal rule).