HTML List Tags and Tables Quiz
8 Questions
0 Views

Choose a study mode

Play Quiz
Study Flashcards
Spaced Repetition
Chat to lesson

Podcast

Play an AI-generated podcast conversation about this lesson

Questions and Answers

What HTML element is used to define a list of items with a description for each?

<dl>

The <dt> element is used to define the term in a definition list.

True (A)

The <dd> element is used to define the closing element in a definition list.

False (B)

Which of the following are NOT valid attribute values for the autocomplete attribute in HTML5?

<p>no (C)</p> Signup and view all the answers

Which of the following are valid attribute values for the method attribute in HTML5?

<p>get (B), post (C)</p> Signup and view all the answers

What does the accept-charset attribute in HTML5 specify?

<p>Character encoding for form submissions.</p> Signup and view all the answers

Which of the following are valid attribute values for the target attribute in HTML5?

<p>_self (A), _parent (B), _top (D), _blank (E)</p> Signup and view all the answers

What HTML tag is used to create a clickable button in forms?

<p><code>&lt;button&gt;</code></p> Signup and view all the answers

Study Notes

HTML List Tags

  • HTML5 uses list tags for itemization and details
  • Ordered Lists use numbers or letters to mark items
  • <ol></ol> tags enclose ordered lists
  • <li></li> tags define each list item
  • Unordered Lists use symbols to mark items
  • <ul></ul> tags enclose unordered lists
  • <li></li> tags define each list item
  • Definition Lists pair terms with descriptions
  • <dl></dl> tags enclose definition lists
  • <dt> tags define terms (no closing tag)
  • <dd> tags describe terms (no closing tag)

HTML Tables

  • Tables are structured with , ,
    , and elements
  • defines the table itself
  • defines a table row
  • defines a header cell
  • defines a data cell
    • Hyperlinks allow users to jump to other documents or sections
    • Links have anchors and directions
    • Visited links are underlined and purple
    • Active links are underlined and red
    • Unvisited links are underlined and blue
    • Embedded links use code to link to content
    • Inline links display remote content without embedding

    Title Attributes

    • Title attributes provide additional information about an element

    Event Attributes

    • Event attributes in HTML5 apply to many elements
    • They trigger JavaScript execution on specific events (e.g., keyboard, form, media events)

    Drag Events

    • ondrag - applies when an element is dragged
    • ondragend - applies at the end of a drag operation
    • ondragenter - applies when an element is dragged to a valid drop target
    • ondragover - applies when an element is dragged over a valid drop target
    • ondragstart - applies at the start of a drag operation
    • ondragleave - applies when the element being dragged leaves a drop target

    Form Events

    • Form events refer to user interactions with HTML forms
    • onblur - applies when an element loses focus
    • onchange - applies when an element's value changes
    • oncontextmenu - triggered when a context menu arises
    • onfocus - applies when an element gains focus
    • oninput - applies when a user input occurs
    • oninvalid - triggered when an element is invalid
    • onreset - when the reset button is clicked
    • onsearch - triggered when the user writes something in the search field

    Media Events

    • Media events are triggered by media elements (videos, images, audio)
    • onabort - applies during an abort
    • oncanplay - plays when enough buffered content is available to begin
    • oncanplaythrough - plays content without pausing for buffering
    • oncuechange - when the cue changes
    • onended - when media is finished
    • onerror - if any error is triggered
    • onloadeddata - when metadata loads
    • onloadedmetadata - when metadata is loaded
    • onloadstart - when media playback starts
    • onpause - when playback pauses

    Keyboard Events

    • Keyboard events occur when a user interacts with the keyboard
    • onkeydown - applies when pressing a key
    • onkeypress - applies when a key is pressed
    • onkeyup - applies when a key is released

    Clipboard Events

    • Clipboard events react to clipboard modifications
    • oncopy - when the user copies content
    • oncut - when the user cuts content
    • onpaste - when the user pastes content

    Input Types and Tags

    • <input> tag declares and processes input data

    Data List

    • <datalist> tag provides pre-defined options for an input field

    No Validation Attribute

    • The novalidate attribute prevents form validation upon submission

    Autocomplete

    • Autocomplete helps browsers anticipate user input and fill in values

    Studying That Suits You

    Use AI to generate personalized quizzes and flashcards to suit your learning preferences.

    Quiz Team

    Related Documents

    Description

    Test your knowledge on HTML list tags, tables, and hyperlinks in this quiz. You'll explore ordered and unordered lists, as well as the structural components of tables. Dive in to assess your understanding of these essential HTML elements!

    More Like This

    Use Quizgecko on...
    Browser
    Browser