Podcast
Questions and Answers
What HTML element is used to define a list of items with a description for each?
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.
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.
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?
Which of the following are NOT valid attribute values for the autocomplete
attribute in HTML5?
Signup and view all the answers
Which of the following are valid attribute values for the method
attribute in HTML5?
Which of the following are valid attribute values for the method
attribute in HTML5?
Signup and view all the answers
What does the accept-charset
attribute in HTML5 specify?
What does the accept-charset
attribute in HTML5 specify?
Signup and view all the answers
Which of the following are valid attribute values for the target
attribute in HTML5?
Which of the following are valid attribute values for the target
attribute in HTML5?
Signup and view all the answers
What HTML tag is used to create a clickable button in forms?
What HTML tag is used to create a clickable button in forms?
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
- 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
Link Types
- 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.
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