HTML List Tags and Tables Quiz

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

Flashcards

Unordered List Tag

An unordered list in HTML is equivalent to using bullets in Microsoft Office. List items are marked with special symbols like circles, squares, or triangles.

List Tags

HTML uses tags for lists to create itemizing or giving details, just like using lists in Microsoft Office. There are three main list tags in HTML: ordered, unordered, and definition.

Ordered List

An ordered list in HTML is similar to the numbering feature in Microsoft Office. Each list item is marked with a number or letter, creating a numbered list.

Definition List Tag

A definition list in HTML presents a series of terms and their corresponding definitions. This is not a simple list of individual items but pairs of terms and explanations.

Signup and view all the flashcards

Table Tags

A table in HTML is a structured grid of data that visualizes information in rows and columns. It consists of elements like , , and .

Signup and view all the flashcards

Hyperlinks

A hyperlink is any element that functions as a clickable link. This link allows users to navigate to another document or a specific part of the current document. Every link has two anchor points: a starting point and an ending point.

Signup and view all the flashcards

Embedded Link

An embedded link provides direct access to a linked document through code. When the link is selected, it loads in a designated location.

Signup and view all the flashcards

Inline Link

Inline links display remote content within the current document without the need for embedding code. This means that the content is accessed without the user needing to click the link.

Signup and view all the flashcards

Random Accessed Link

Random access links retrieve data from databases or program variables. They are dynamically generated based on user interaction or specific program actions.

Signup and view all the flashcards

Hardware Accessed Link

Hardware accessed links are activated through an input device, such as a keyboard, microphone, or remote control, without relying on a graphical user interface.

Signup and view all the flashcards

Target Attribute

The target attribute determines where the linked document should open in the browser. This can be in a new window, the same frame, a parent frame, or a named frame.

Signup and view all the flashcards

Target Attribute - _blank

The _blank target attribute instructs the browser to open the linked document in a new window or tab.

Signup and view all the flashcards

Target Attribute - _self

The _self target attribute opens the linked document in the same frame or tab as the clicked link.

Signup and view all the flashcards

Target Attribute - _parent

The _parent target attribute opens the linked document in the parent frame of the clicked link.

Signup and view all the flashcards

Target Attribute - _top

The _top target attribute instructs the browser to open the linked document in a named frame. This is a specific location within a web page.

Signup and view all the flashcards

Title Attribute

The title attribute provides additional information about an element. It gives a short description which might be displayed as a tooltip when hovering over the element.

Signup and view all the flashcards

Event Attributes

Event attributes in HTML5 respond to specific events triggered by users. These attributes execute JavaScript code when the event occurs.

Signup and view all the flashcards

Clipboard Events

Clipboard events include actions like copy, cut, and paste. These events modify the clipboard's contents and apply to elements within HTML documents.

Signup and view all the flashcards

oncopy Event

The oncopy event attribute is triggered when a user copies the content of an element. This event allows you to execute JavaScript when the copy operation is performed.

Signup and view all the flashcards

oncut Event

The oncut event attribute is triggered when a user cuts the content of an element. This event enables you to execute JavaScript when the cut operation is performed.

Signup and view all the flashcards

onpaste Event

The onpaste event attribute is triggered when the user pastes content into an element. This event can be used to execute JavaScript when the paste operation is performed.

Signup and view all the flashcards

onselect Event

The onselect event attribute is triggered when a user selects a portion of text in an element. This event enables you to execute JavaScript when text is selected.

Signup and view all the flashcards

onsubmit Event

The onsubmit event attribute is triggered when a user submits a form. This event enables you to execute JavaScript just before the form data is sent to the server.

Signup and view all the flashcards

Keyboard Events

Keyboard events capture the keystrokes a user makes while interacting with the keyboard. They identify the type of action, like pressing down, releasing, or pressing a key.

Signup and view all the flashcards

onkeydown Event

The onkeydown event attribute is triggered when a user presses a key down. This event allows you to execute JavaScript when a key is held down.

Signup and view all the flashcards

onkeypress Event

The onkeypress event attribute is triggered when a user presses a key. This event allows you to execute JavaScript when a key press is detected.

Signup and view all the flashcards

onkeyup Event

The onkeyup event attribute is triggered when a user releases a key. This event allows you to execute JavaScript when a key is released.

Signup and view all the flashcards

Media Events

Media events occur when media elements like videos, images, or audio embedded in HTML documents are being played or manipulated. These events correspond to different stages of media playback.

Signup and view all the flashcards

onabort Event

The onabort event attribute is triggered when the media playback is aborted or interrupted. This event allows you to execute JavaScript when playback is cancelled.

Signup and view all the flashcards

oncanplay Event

The oncanplay event attribute is triggered when the media element has buffered enough data to begin playback. This event allows you to execute JavaScript when the media is ready to play.

Signup and view all the flashcards

oncanplaythrough Event

The oncanplaythrough event attribute is triggered when the media element has buffered enough data to play the entire media file without interruption. This event allows you to execute JavaScript when the entire media is ready to play without buffering.

Signup and view all the flashcards

oncuechange Event

The oncuechange event attribute is triggered when the cues change in a media element. This event allows you to execute JavaScript when the media cues are updated, which is relevant for things like subtitles or captions.

Signup and view all the flashcards

Mouse Events

Mouse events correspond to actions the user performs using a pointing device, such as a mouse. They capture things like clicks, double-clicks, movements, and button releases.

Signup and view all the flashcards

onclick Event

The onclick event attribute is triggered when a user clicks on an element. This event enables you to execute JavaScript when an element is clicked.

Signup and view all the flashcards

ondblclick Event

The ondblclick event attribute is triggered when a user double-clicks on an element. This event allows you to execute JavaScript when an element is double-clicked.

Signup and view all the flashcards

onmousedown Event

The onmousedown event attribute is triggered when a user presses a mouse button down on an element. This event allows you to execute JavaScript when a mouse button is pressed down.

Signup and view all the flashcards

onmousemove Event

The onmousemove event attribute is triggered when a user moves the mouse pointer over an element. This event allows you to execute JavaScript when the mouse position changes while over an element.

Signup and view all the flashcards

onmouseout Event

The onmouseout event attribute is triggered when the mouse pointer moves off an element. This event allows you to execute JavaScript when the mouse pointer is no longer over an element.

Signup and view all the flashcards

onmouseover Event

The onmouseover event attribute is triggered when the mouse pointer moves over an element. This event allows you to execute JavaScript when the mouse pointer is hovering over an element.

Signup and view all the flashcards

onmouseup Event

The onmouseup event attribute is triggered when a user releases a mouse button after pressing down. This event allows you to execute JavaScript when a mouse button is released.

Signup and view all the flashcards

onwheel Event

The onwheel event attribute is triggered when the user scrolls the mouse wheel. It replaces the older 'onmousewheel' event. This event enables you to execute JavaScript when the mouse wheel is scrolled.

Signup and view all the flashcards

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

    Computer Reviewer 10 Past Paper PDF (SY 2024-2025)

    More Like This

    Use Quizgecko on...
    Browser
    Open
    Browser
    Browser