Term
|
Definition
Comment
<!--This is a comment. Comments are not displayed in the browser--> |
|
|
Term
|
Definition
Document Type
The <!DOCTYPE> declaration must be the very first thing in your HTML document, before the <html> tag.
The <!DOCTYPE> declaration is not an HTML tag; it is an instruction to the web browser about what version of HTML the page is written in. |
|
|
Term
|
Definition
Anchor
Defines a hyperlink, which is used to link from one page to another. |
|
|
Term
|
Definition
|
|
Term
|
Definition
| Defines contact information for the author/owner of a document. |
|
|
Term
|
Definition
| Defines an area inside an image-map (an image-map is an image with clickable areas). |
|
|
Term
|
Definition
| Defines an article and specifies independent, self-contained content. |
|
|
Term
|
Definition
Defines some content aside from the content it is placed in.
The aside content should be related to the surrounding content. |
|
|
Term
|
Definition
| Defines sound, such as music or other audio streams. |
|
|
Term
|
Definition
|
|
Term
|
Definition
| Specifies the base URL/target for all relative URLs in a document |
|
|
Term
|
Definition
Isolates a part of text that might be formatted in a different direction from other text outside it
Stands fo Bi-Directional Isolation |
|
|
Term
|
Definition
Overrides the current text direction
bdo stands for Bi-Directional Override.
The <bdo> tag is used to override the current text direction.
|
|
|
Term
|
Definition
| Defines a section that is quoted from another source |
|
|
Term
|
Definition
| Defines the document's body |
|
|
Term
|
Definition
| Defines a single line break |
|
|
Term
|
Definition
| Defines a clickable button |
|
|
Term
|
Definition
| Used to draw graphics, on the fly, via scripting (usually JavaScript) |
|
|
Term
|
Definition
|
|
Term
|
Definition
| Defines the title of a work |
|
|
Term
|
Definition
| Defines a piece of computer code |
|
|
Term
|
Definition
| Specifies column properties for each column within a <colgroup> element |
|
|
Term
|
Definition
| Specifies a group of one or more columns in a table for formatting |
|
|
Term
|
Definition
| Defines a command button that a user can invoke |
|
|
Term
|
Definition
| Specifies a list of pre-defined options for input controls |
|
|
Term
|
Definition
| Defines a description of an item in a definition list |
|
|
Term
|
Definition
| Defines text that has been deleted from a document |
|
|
Term
|
Definition
| Defines additional details that the user can view or hide |
|
|
Term
|
Definition
| Defines a definition term |
|
|
Term
|
Definition
| Defines a section in a document |
|
|
Term
|
Definition
| Defines a definition list |
|
|
Term
|
Definition
| Defines a term (an item) in a definition list |
|
|
Term
|
Definition
|
|
Term
|
Definition
| Defines a container for an external (non-HTML) application |
|
|
Term
|
Definition
| Groups related elements in a form |
|
|
Term
|
Definition
| Defines a caption for a <figure> element |
|
|
Term
|
Definition
| Specifies self-contained content |
|
|
Term
|
Definition
| Defines a footer for a document or section |
|
|
Term
|
Definition
| Defines an HTML form for user input |
|
|
Term
|
Definition
|
|
Term
|
Definition
| Defines information about the document |
|
|
Term
|
Definition
| Defines a header for a document or section |
|
|
Term
|
Definition
| Groups heading (<h1> to <h6>) elements |
|
|
Term
|
Definition
| Defines a thematic change in the content |
|
|
Term
|
Definition
| Defines the root of an HTML document |
|
|
Term
|
Definition
| Defines a part of text in an alternate voice or mood |
|
|
Term
|
Definition
|
|
Term
|
Definition
|
|
Term
|
Definition
|
|
Term
|
Definition
| Defines a text that has been inserted into a document |
|
|
Term
|
Definition
|
|
Term
|
Definition
| Defines a key-pair generator field (for forms) |
|
|
Term
|
Definition
| Defines a label for an <input> element |
|
|
Term
|
Definition
| Defines a caption for a <fieldset>, < figure>, or <details> element |
|
|
Term
|
Definition
|
|
Term
|
Definition
| Defines the relationship between a document and an external resource (most used to link to style sheets) |
|
|
Term
|
Definition
| Defines a client-side image-map |
|
|
Term
|
Definition
| Defines marked/highlighted text |
|
|
Term
|
Definition
| Defines a list/menu of commands |
|
|
Term
|
Definition
| Defines metadata about an HTML document |
|
|
Term
|
Definition
| Defines a scalar measurement within a known range (a gauge) |
|
|
Term
|
Definition
|
|
Term
|
Definition
| Defines an alternate content for users that do not support client-side scripts |
|
|
Term
|
Definition
| Defines an embedded object |
|
|
Term
|
Definition
|
|
Term
|
Definition
| Defines a group of related options in a drop-down list |
|
|
Term
|
Definition
| Defines an option in a drop-down list |
|
|
Term
|
Definition
| Defines the result of a calculation |
|
|
Term
|
Definition
|
|
Term
|
Definition
| Defines a parameter for an object |
|
|
Term
|
Definition
| Defines preformatted text |
|
|
Term
|
Definition
| Represents the progress of a task |
|
|
Term
|
Definition
| Defines a short quotation |
|
|
Term
|
Definition
| Defines what to show in browsers that do not support ruby annotations |
|
|
Term
|
Definition
| Defines an explanation/pronunciation of characters (for East Asian typography) |
|
|
Term
|
Definition
| Defines a ruby annotation (for East Asian typography) |
|
|
Term
|
Definition
| Defines text that is no longer correct |
|
|
Term
|
Definition
| Defines sample output from a computer program |
|
|
Term
|
Definition
| Defines a client-side script |
|
|
Term
|
Definition
| Defines a section in a document |
|
|
Term
|
Definition
|
|
Term
|
Definition
|
|
Term
|
Definition
| Defines multiple media resources for media elements (<video> and <audio>) |
|
|
Term
|
Definition
Defines a section in a document
The <span> tag is used to group inline-elements in a document.
The <span> tag provides no visual change by itself.
The <span> tag provides a way to add a hook to a part of a text or a part of a document.
Tip: When a text is hooked in a <span> element, you can style it with CSS, or manipulate it with JavaScript. |
|
|
Term
|
Definition
|
|
Term
|
Definition
| Defines style information for a document |
|
|
Term
|
Definition
|
|
Term
|
Definition
Defines a visible heading for a <details> element.
The 'summary' is all that is visible on the browser with an arrow next to it. Click on the arrow and the <details> will be visible. |
|
|
Term
|
Definition
| Defines superscripted text |
|
|
Term
|
Definition
|
|
Term
|
Definition
| Groups the body content in a table |
|
|
Term
|
Definition
| Defines a cell in a table |
|
|
Term
|
Definition
| Defines a multiline input control (text area) |
|
|
Term
|
Definition
| Groups the footer content in a table |
|
|
Term
|
Definition
| Defines a header cell in a table |
|
|
Term
|
Definition
| Groups the header content in a table |
|
|
Term
|
Definition
|
|
Term
|
Definition
| Defines a title for the document |
|
|
Term
|
Definition
|
|
Term
|
Definition
| Defines text tracks for media elements (<video> and <audio>) |
|
|
Term
|
Definition
| Defines text that should be stylistically different from normal text |
|
|
Term
|
Definition
| Defines an unordered list |
|
|
Term
|
Definition
|
|
Term
|
Definition
|
|
Term
|
Definition
| Defines a possible line-break |
|
|
Term
| Where does the <!DOCTYPE> declaration appear in an HTML document? |
|
Definition
| The <!DOCTYPE> declaration must be the very first thing in your HTML document, before the <html> tag. |
|
|
Term
| Is the <!DOCTYPE> declaration an HTML tag? |
|
Definition
| The <!DOCTYPE> declaration is not an HTML tag; it is an instruction to the web browser about what version of HTML the page is written in. |
|
|
Term
HTML 4.01 or HTML5 ?
<!DOCTYPE html> |
|
Definition
HTML5
Because it is not based on SGML |
|
|
Term
HTML4.01 or HTML5 ?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> |
|
Definition
HTML4.01
Because it is based on SGML |
|
|
Term
Why would you insert comment tags in the following example?
<script type="text/javascript">
<!--
function displayMsg()
{
alert("Hello World!")
}
//-->
</script> |
|
Definition
| It is a good practice to use the comment tag to "hide" scripts from browsers without support for it (so they don't show them as plain text): |
|
|
Term
Why are the two forward slashes '//' in the following?
<script type="text/javascript">
<!--
function displayMsg()
{
alert("Hello World!")
}
//-->
</script> |
|
Definition
| The two forward slashes at the end of comment line (//) is the JavaScript comment symbol. This prevents JavaScript from executing the --> tag. |
|
|
Term
| What is the most important attribute for the <a> tag? |
|
Definition
| The most important attribute of the <a> element is the href attribute, which indicates the link’s destination. |
|
|
Term
Is the following proper syntax?
<a href="http://www.w3schools.com">Visit W3Schools.com!</a>
If not why ? |
|
Definition
|
|
Term
Is the following proper syntax?
<a href=http://www.w3schools.com>Visit W3Schools.com!</a>
If not why? |
|
Definition
Missing " " around URL after the href= attribute
Ex. href="URL" |
|
|
Term
By default, links will appear as follows in all browsers:
- An unvisited link is _________ and _____
- A visited link is __________ and _______
- An active link is _________ and _____
|
|
Definition
By default, links will appear as follows in all browsers:
- An unvisited link is underlined and blue
- A visited link is underlined and purple
- An active link is underlined and red
|
|
|
Term
What is the Value and Description of the:
<a href=" ">
Attribute ? |
|
Definition
Value: URL
<a href="URL">
Specifies the URL of the page the link goes to.
Ex. <a href="http://www.w3schools.com">Visit W3Schools.com!</a> |
|
|
Term
What is the Value and Description of the
<a hreflang=" ">
Attribute ? |
|
Definition
Value: language_code
<a hreflang="language_code">
Specifies the language of the linked document.
Note: attribute is purely advisory.
Ex. <a href="http://www.w3schools.com" hreflang="en">W3Schools</a> |
|
|
Term
What is the Value and Description of the
<a media=" ">
Attribute? |
|
Definition
Value: media_query
Specifies what media/device the linked document is optimized for |
|
|
Term
What is the Description of the
<a rel=" ">
Attribute |
|
Definition
| Specifies the relationship between the current document and the linked document |
|
|
Term
What does the
<a rel="alternate"> value do ? |
|
Definition
Links to an alternate version of the document (i.e. print page, translated or mirror)
Ex. <a href="http://m.twitter.com" rel="alternate" media="handheld">Twitter mobile site</a> |
|
|
Term
What does the
<a rel="author">
value do? |
|
Definition
Links to the author of the document.
Ex. Can be used in conjunction with Google Plus to
increase the ranking of websites or blogs. |
|
|
Term
What does the
<a rel="bookmark">
value do ? |
|
Definition
| Permanent URL used for bookmarking |
|
|
Term
What does the
<a rel="help">
value do? |
|
Definition
| Links to a help document. |
|
|
Term
What does the
<a rel="license">
value do? |
|
Definition
| Links to copyright information for the document. |
|
|
Term
What does the
<a rel="next">
value do? |
|
Definition
The next document in a selection.
Example:
- News and/or publishing sites often divide a long article into several shorter pages.
- Retail sites may divide the list of items in a large product category into multiple pages.
- Discussion forums often break threads into sequential URLs.
|
|
|
Term
What does the
<a rel="nofollow">
value do? |
|
Definition
Links to an unendorsed document, like a paid link.
("nofollow" is used by Google, to specify that the Google search spider should not follow that link) |
|
|
Term
What does the
<a rel="noreferrer">
value do? |
|
Definition
Specifies that the browser should not send a HTTP
referer header if the user follows the hyperlink |
|
|
Term
What does the
<a rel="prefetch">
value do? |
|
Definition
| Specifies that the target document should be cached. |
|
|
Term
What does the
<a rel="prev">
value do? |
|
Definition
The previous document in a selection.
Example:
- News and/or publishing sites often divide a long article into several shorter pages.
- Retail sites may divide the list of items in a large product category into multiple pages.
- Discussion forums often break threads into sequential URLs.
|
|
|
Term
What does the
<a rel="search">
value do? |
|
Definition
| Links to a search tool for the document. |
|
|
Term
What does the
<a rel="tag">
value do? |
|
Definition
| A tag (keyword) for the current document. |
|
|
Term
What does the
<a target=" ">
Attribute do? |
|
Definition
| Specifies where to open the linked document. |
|
|
Term
What does the
<a target="_blank">
value do? |
|
Definition
| Opens the linked document in a new window or tab. |
|
|
Term
What does the
<a target="_self">
value do? |
|
Definition
Opens the linked document in the same frame as it
was clicked (this is default). |
|
|
Term
What does the
<a target="_parent">
value do? |
|
Definition
| Opens the linked document in the parent frame. |
|
|
Term
What does the
<a target="_top">
value do? |
|
Definition
Opens the linked document in the full body of the
window. |
|
|
Term
What does the
<a target="framename">
value do? |
|
Definition
| Opens the linked document in a named frame. |
|
|
Term
What does the
<a type=" ">
Attribute do? |
|
Definition
Specifies the MIME type of the linked document.
Ex.
<a href="http://www.w3schools.com" type="text/html">W3Schools</a> |
|
|
Term
| Give an example of the usage of the <abbr> tag. |
|
Definition
| By marking up abbreviations you can give useful information to browsers, spell checkers, translation systems and search-engine indexers (SEO). |
|
|
Term
| What attribute do you use with the <abbr> tag to display the full version of the abbreviation? |
|
Definition
The title attribute.
<abbr title=" ">
ex. The <abbr title="World Health Organization">WHO</abbr> was founded in 1948. |
|
|
Term
| If the <address> element is inside the <body> element, it represents contact information for __________? |
|
Definition
|
|
Term
| If the <address> element is inside an <article> element, it represents contact information for ___________? |
|
Definition
|
|
Term
| The text in the <address> element usually renders in __________. Most browsers will add a _____ _______ before and after the address element. |
|
Definition
|
|
Term
| The <area> element is always nested inside what tag ? |
|
Definition
|
|
Term
| Which attribute in the <img> tag is associated with the <map> element's name attribute to create a relationship between the image and the map? |
|
Definition
usemap=" "
Ex.
<img src="planets.gif" width="145" height="126" alt="Planets"
usemap="#planetmap">
<map name="planetmap"> |
|
|
Term
What does the alt=" " attribute do in this example?
<img src="planets.gif" width="145" height="126" alt="Planets"
usemap="#planetmap"> |
|
Definition
| Specifies an alternate text for the area. Required if the href attribute is present. |
|
|
Term
What is wrong with this example?
<img src="planets.gif" width="145" height="126" alt="Planets"
usemap="planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map> |
|
Definition
The " # anchor " is missing in ... usemap="planetmap">
Should be... usemap="#planetmap">
So that the <map name="planetmap"> section can properly link to it. |
|
|
Term
| What other attribute is required if the href=" " attribute is present? |
|
Definition
|
|
Term
| What is the coords=" " attribute for? |
|
Definition
The coords attribute specifies the coordinates of an area in an image-map.
Ex.
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun"> |
|
|
Term
What sort of shape would this example designate?
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun"> |
|
Definition
| A rectangle with coords="x1,y1,x2,y2" or the left, top, and right, bottom of the rectangle. |
|
|
Term
What is the following for?
<area coords="x,y,radius">
and what other attribute is necessary for this to work? |
|
Definition
Specifies the coordinates of the circle center and the radius (for shape="circle")
The shape="circle" attribute.
Ex.
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury"> |
|
|
Term
What is the following for?
<area coords="x1,y1,x2,y2,x3,y3, ..... ,xn,yn">
and what other attribute is necessary for this to work? |
|
Definition
Specifies the coordinates of the edges of the polygon. If the first and last coordinate pairs are not the same, the browser will add the last coordinate pair to close the polygon (for shape="poly")
Ex.
<area shape="poly" coords="0,0,80,0,90,50,20,20,0,0" href="venus.htm" alt="Venus"> |
|
|
Term
What would this do to an image map?
<area shape="default"> |
|
Definition
| Specify the entire region. |
|
|
Term
Potential uses for the <article> element: |
|
Definition
An article should make sense on its own and it should be possible to distribute it independently from the rest of the site.
- Forum post
- Blog post
- News story
- Comment
|
|
|
Term
| What are the 3 supported file formats for the <audio> element? |
|
Definition
|
|
Term
The audio file format .MP3 works in 3 of these 5 browsers:
- Internet Explorer 9+
- Chrome 6+
- Firefox 3.6+
- Safari 5+
- Opera 10+
|
|
Definition
- Internet Explorer 9+
- Chrome 6+
- Safari 5+
|
|
|
Term
The audio file format .WAV works in 4 of these 5 browsers:
- Internet Explorer 9+
- Chrome 6+
- Firefox 3.6+
- Safari 5+
- Opera 10+
|
|
Definition
- Chrome 6+
- Firefox 3.6+
- Safari 5+
- Opera 10+
|
|
|
Term
The audio file format .Ogg works in 3 of these 5 browsers:
- Internet Explorer 9+
- Chrome 6+
- Firefox 3.6+
- Safari 5+
- Opera 10+
|
|
Definition
- Chrome 6+
- Firefox 3.6+
- Opera 10+
|
|
|
Term
What are the 3 MIME-types for these three audio file formats.
|
|
Definition
- audio/mpeg
- audio/wav
- audio/ogg
|
|
|
Term
Using Internet Explorer 9+ to load a website with the following code will play which audio file?
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio tag.
</audio> |
|
Definition
| It will play the horse.mp3 file because IE9 does not support the .ogg file format. |
|
|
Term
What does this attribute do?
<audio autoplay> |
|
Definition
| Specifies that the audio will start playing as soon as it is ready. |
|
|
Term
What does this attribute do?
<audio controls> |
|
Definition
| Specifies that audio controls should be displayed (such as a play/pause button etc). |
|
|
Term
What does this attribute do?
<audio loop> |
|
Definition
| Specifies that the audio will start over again, every time it is finished. |
|
|
Term
What does this attribute do?
<audio muted> |
|
Definition
| Specifies that the audio output should be muted. |
|
|
Term
What will this do?
<audio preload="auto"> |
|
Definition
The browser will load the entire audio file when the page loads.
The preload=" " attribute does not work in Internet Explorer and my be ignored in some instances. |
|
|
Term
What will this do?
<audio preload="metadata"> |
|
Definition
The browser loads only metadata when the page loads.
The preload=" " attribute does not work in Internet Explorer and my be ignored in some instances. |
|
|
Term
What will this do?
<audio preload="none"> |
|
Definition
The browser will NOT load the audio file when the page loads.
The preload=" " attribute does not work in Internet Explorer and my be ignored in some instances. |
|
|
Term
What would happen when loading a website with this code.
<audio autoplay preload="none"> |
|
Definition
| The preload attribute is ignored if autoplay is present. |
|
|
Term
| Should you use the <b> tag when you want to display bold text? |
|
Definition
The <b> tag should be used as a LAST resort when no other tag is more appropriate.
You can use the CSS "font-weight" property to set bold text or use the <strong> tag. |
|
|
Term
| Where in an HTML document should the <base> tag be placed? |
|
Definition
| In the <head> as the very first item so that other elements in the <head> section use the information from the <base> element. |
|
|
Term
| What attribute(s) is required when using the <base> tag? |
|
Definition
| If the <base> tag is present, it must have either an href=" " attribute or a target=" " attribute, or both. |
|
|
Term
What will this tag do?
<bdo dir="rtl">
And what is the other value for the dir=" " attribute? |
|
Definition
The text inside the <bdo> tags will go from "right to left"
<bdo dir="ltr"> or "left to right" |
|
|
Term
What is the cite=" " attribute used for?
<blockquote cite=" ">
|
|
Definition
| The "value" is a URL that specifies the source of the quotation. |
|
|
Term
What is the
W3C HTML WG
?? |
|
Definition
W3C (World Wide Web Consortium)
HTML (Hyper Text Markup Language)
WG (Working Group) |
|
|
Term
|
Definition
| Web Hypertext Application Technology Working Group |
|
|
Term
Would the following be acceptable in XHTML?
<P>Example</P>
<HR>
<BLOCKQUOTE>More of the example</BLOCKQUOTE>
<BR> |
|
Definition
No. All tags must be lowercase and have a closing tag. The proper way would be:
<p>Example</p>
<hr />
<blockquote>More of the example</blockquote>
<br />
Note the space between the tag name and the '/' IS necessary.
|
|
|
Term
Which line is proper XHTML and why?
<strong><em>this</em></strong>
<strong><em>this</strong></em> |
|
Definition
| The first one, because all tags must be properly nested in XHTML. |
|
|
Term
| Name one of the 12 tags that an XHTML document should start with. |
|
Definition
| <p>,<h1>,<h2>,<h3>,<h4>,<h4>,<h6>,<div>,<pre>,<address>,<ins>,<del> |
|
|
Term
| All XHTML documents must have these 4 tags and start with what? |
|
Definition
<html>,<head>,<title>,<body>
Must start with a <!DOCTYPE> declaration. |
|
|
Term
Which line is proper XHTML and why?
<input type="checkbox" checked />
<input type="checkbox" checked="checked" />
<input type="checkbox" checked=checked /> |
|
Definition
| The second line because minimized attributes (such as line 1) are not allowed and attribute values must have quotation marks (line 3 does not). |
|
|
Term
Which XHTML attribute (both do the same thing) is proper?
name or id |
|
Definition
| The id attribute replaced the name attribute and is proper XHTML. |
|
|
Term
| Is the target attribute valid in XHTML? |
|
Definition
|
|
Term
Is the following line proper XHTML?
<img src="filename.gif" height="100" width="100" /> |
|
Definition
| No it is missing the alt attribute which is compulsory in XHTML. |
|
|
Term
| What does the tabindex attribute do? |
|
Definition
| Specifies the tab order of an element (when the "tab" button is used for navigating. |
|
|
Term
What does the following do ?
<body onafterprint="printmsg()">
And what tag is it applied to ? |
|
Definition
Executes a JavaScript after a page is set to print, and the
print dialogue box has appeared.
It is applied to the <body> tag. |
|
|
Term
What does the following do ?
<body onbeforeprint="printmsg()">
And what tag is it applied to ? |
|
Definition
Executes a JavaScript after a page is set to print, but
before the print dialogue box appears.
It is applied to the <body> tag. |
|
|
Term
| The onbeforeprint=" " attribute is often used together with the ____________=" " attribute. |
|
Definition
|
|
Term
| What is the value used for the onbeforeprint=" " and the onafterprint=" " attributes? |
|
Definition
script
<element onafterprint="script"> |
|
|
Term
What does the following do ?
<body onbeforeunload="script">
And what tag is it applied to ? |
|
Definition
Script to be run before the document is unloaded.
It is applied to the <body> tag. |
|
|
Term
What does the following do ?
[image]
And what tag is it applied to ? |
|
Definition
Script to be run when an error occurs.
It is applied to the <body> tag. |
|
|
Term
What does the following do ?
<body onhaschange="script">
And what tag is it applied to ? |
|
Definition
Script to be run when the document has changed.
It is applied to the <body> tag. |
|
|
Term
What does the following do ?
[image]
And what tag is it applied to ? |
|
Definition
The onload attribute fires when an object has been loaded.
onload is most often used within the <body> element to execute a script once a web page has completely loaded all content (including images, script files, CSS files, etc.). |
|
|
Term
What does the following do ?
<body onmessage="script">
And what tag is it applied to ? |
|
Definition
Script to be run when the message is triggered.
It is applied to the <body> tag. |
|
|
Term
What does the following do ?
<body onoffline="script">
And what tag is it applied to ? |
|
Definition
Script to be run when the document goes offline.
It is applied to the <body> tag. |
|
|
Term
What does the following do ?
<body ononline="script">
And what tag is it applied to ? |
|
Definition
Script to be run when the document comes online.
It is applied to the <body> tag. |
|
|
Term
What does the following do ?
<body onpagehide="script">
And what tag is it applied to ? |
|
Definition
Script to be run when the window is hidden.
It is applied to the <body> tag. |
|
|
Term
What does the following do ?
<body onpageshow="script">
And what tag is it applied to ? |
|
Definition
Script to be run when the window becomes visible.
It is applied to the <body> tag. |
|
|
Term
What does the following do ?
<body onpopstate="script">
And what tag is it applied to ? |
|
Definition
Script to be run when the window's history changes.
It is applied to the <body> tag. |
|
|
Term
What does the following do ?
<body onredo="script">
And what tag is it applied to ? |
|
Definition
Script to be run when the document performs a redo.
It is applied to the <body> tag. |
|
|
Term
What does the following do ?
[image]
And what tag is it applied to ? |
|
Definition
The onresize attribute fires when an object is resized.
The onresize attribute is most often used when the browser window is resized.
It is applied to the <body> tag. |
|
|
Term
What does the following do ?
<body onstorage="script">
And what tag is it applied to ? |
|
Definition
Script to be run when a Web Storage area is updated.
It is applied to the <body> tag. |
|
|
Term
What does the following do ?
<body onundo="script">
And what tag is it applied to ? |
|
Definition
Script to be run when the document performs an undo.
It is applied to the <body> tag. |
|
|
Term
What does the following do ?
[image]
And what tag is it applied to? |
|
Definition
[image]
Applied to the <body> tag. |
|
|
Term
| What do the window event attributes apply to ? |
|
Definition
| The <body> tag. These are events triggered for the window object. |
|
|
Term
| What is an HTML element ? |
|
Definition
The opening tag, the closing tag, and the content in between.
Ex.
<h1>example</h1> |
|
|
Term
| What are Form Events, and what can they be applied to ? |
|
Definition
| Events triggered by actions inside a HTML form (applies to almost all HTML elements, but is most used in form elements). |
|
|
Term
| What does the onblur attribute do, and what does in normally apply to ? |
|
Definition
| Fires a script the moment that the element loses focus and is usually applied to a Form Event (though it can be applied to almost all HTML elements. |
|
|
Term
What would the following do ?
[image]
|
|
Definition
| Validate an input field once the user leaves it by running a script that would change all the letters to UPPERCASE if they weren't already. |
|
|
Term
| What does the onchange attrribute do and what is it normally applied to ? |
|
Definition
| Fires a script the moment the value of the element is changed and it is normally applied to the Form Element (though it can be applied to almost any HTML Element. |
|
|
Term
| What does the oncontextmenu attribute do and what is it normally applied to ? |
|
Definition
| Script to be run when a context menu is triggered and is normally applied to the Form Element, but can be applied to almost all HTML elements. |
|
|
Term
| What does the onfocus attribute do and what elements is it normally applied to ? |
|
Definition
| It fires a script the moment an element gets focus. It is the opposite of the onblur attribute. Normally applied to the <form>, <input>, <select>, and <a> elements. |
|
|
Term
| What does the onformchange attribute do and what is it normally applied to ? |
|
Definition
| Runs a script a form changes and is normally applied to the form element. |
|
|
Term
| What does the onforminput attribute do and what is it normally applied to ? |
|
Definition
| Runs a script when a form gets user input and is normally applied to the form element. |
|
|
Term
| What does the oninput attribute do and what is it normally applied to ? |
|
Definition
| Script to be run when an element gets user input and is normally applied to the form element (but can be applied to other HTML elements). |
|
|
Term
| What does the oninvalid attribute do and what is it normally applied to ? |
|
Definition
| Script to be run when an element is invalid and is normally applied to the form element. |
|
|
Term
| What does the onselect attribute do and what is it normally applied to ? |
|
Definition
The onselect attribute fires after some text has been selected in an element.
The onselect attribute can be used within: <input type="file">, <input type="password">, <input type="text">, <keygen>, and <textarea>. |
|
|
Term
| What does the onsubmit attribute do and what is it normally applied to ? |
|
Definition
The onsubmit attribute fires when a form is submitted.
The onsubmit attribute is only used within: <form>. |
|
|
Term
| What does the onkeydown attribute do and what is it normally applied to ? |
|
Definition
The onkeydown attribute fires when the user is pressing a key (on the keyboard).
Tip: The order of events related to the onkeydown event:
- onkeydown
- onkeypress
- onkeyup
Note: The onkeydown attribute CANNOT be used with: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, or <title>. |
|
|
Term
| What does the [image] attribute do and what is it normally applied to ? |
|
Definition
|
|
Term
| What does the onkeyup attribute do and what is it normally applied to ? |
|
Definition
The onkeyup attribute fires when the user releases a key (on the keyboard).
Tip: The order of events related to the onkeyup event:
- onkeydown
- onkeypress
- onkeyup
Note: The onkeyup attribute CANNOT be used with: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, or <title>. |
|
|
Term
| What does the onclick attribute do ? |
|
Definition
| Fires a script on a mouse click on an element. |
|
|
Term
| What does the ondblclick attribute do ? |
|
Definition
| Fires a script on a mouse double-click on the element. |
|
|
Term
| What does the ondrag attribute do ? |
|
Definition
| Script to be run when an element is dragged. |
|
|
Term
| What does the ondragend attribute do ? |
|
Definition
| Script to be run at the end of a drag operation. |
|
|
Term
| What does the ondragenter attribute do ? |
|
Definition
| Script to be run when an element has been dragged to a valid drop target. |
|
|
Term
| What does the ondragleave attribute do and what type of event does it apply to ? |
|
Definition
Script to be run when an element leaves a valid drop target.
A mouse event. |
|
|
Term
| What does the ondragover attribute do and what type of event does it apply to ? |
|
Definition
Script to be run when an element is being dragged over a valid drop target.
A mouse event. |
|
|
Term
| What does the ondragstart attribute do and what type of event does it apply to ? |
|
Definition
Script to be run at the start of a drag operation.
A mouse event. |
|
|
Term
| What does the ondrop attribute do and what type of event does it apply to ? |
|
Definition
Script to be run when dragged element is being dropped.
A mouse event. |
|
|
Term
| What does the onmousedown attribute do ? |
|
Definition
| Fires a script when a mouse button is pressed down on an element. |
|
|
Term
| What does the onmousemove attribute do ? |
|
Definition
| Fires a script when the mouse pointer moves over an element. |
|
|
Term
| What does the onmouseout attribute do ? |
|
Definition
| Fires a script when the mouse pointer moves out of an element. |
|
|
Term
| What does the onmouseover attribute do ? |
|
Definition
| Fires a script when the mouse pointer moves over an element. |
|
|
Term
| What does the onmouseup attribute do ? |
|
Definition
| Fires a script when a mouse button is released over an element. |
|
|
Term
| What does the onmousewheel attribute do ? |
|
Definition
| Script to be run when the mouse wheel is being rotated. |
|
|
Term
| What does the onscroll attribute do ? |
|
Definition
| Script to be run when an element's scrollbar is being scrolled. |
|
|
Term
|
Definition
| Events triggered by medias like videos, images and audio (applies to all HTML elements, but is most common in media elements, like <audio>, <embed>, <img>, <object>, and <video>). |
|
|
Term
| What does the onabort attribute do ? |
|
Definition
| Script to be run on abort. |
|
|
Term
| What does the oncanplay attribute do ? |
|
Definition
| Script to be run when a file is ready to start playing (when it has buffered enough to begin). |
|
|
Term
| What does the oncanplaythrough attribute do ? |
|
Definition
| Script to be run when a file can be played all the way to the end without pausing for buffering. |
|
|
Term
| What does the ondurationchange attribute do ? |
|
Definition
| Script to be run when the length of the media changes. |
|
|
Term
| What does the onemptied attribute do ? |
|
Definition
| Script to be run when something bad happens and the file is suddenly unavailable (like unexpectedly disconnects). |
|
|
Term
| What does the onended attribute do ? |
|
Definition
| Script to be run when the media has reached the end (a useful event for messages like "thanks for listening"). |
|
|
Term
| What does the onerror attribute do ? |
|
Definition
| Script to be run when an error occurs when the file is being loaded. |
|
|
Term
| What does the onloadeddata attribute do ? |
|
Definition
| Script to be run when media data is loaded. |
|
|
Term
| What does the onloadedmetadata attribute do ? |
|
Definition
| Script to be run when meta data (like dimensions and duration) are loaded. |
|
|
Term
| What does the onloadstart attribute do ? |
|
Definition
| Script to be run just as the file begins to load before anything is actually loaded. |
|
|
Term
| What does the onpause attribute do ? |
|
Definition
| Script to be run when the media is paused either by the user or programmatically. |
|
|
Term
| What does the onplay attribute do ? |
|
Definition
| Script to be run when the media is ready to start playing. |
|
|
Term
| What does the onplaying attribute do ? |
|
Definition
| Script to be run when the media actually has started playing. |
|
|
Term
| What does the onprogress attribute do ? |
|
Definition
| Script to be run when the browser is in the process of getting the media data. |
|
|
Term
| What does the onratechange attribute do ? |
|
Definition
| Script to be run each time the playback rate changes (like when a user switches to a slow motion or fast forward mode). |
|
|
Term
| What does the onreadystatechange attribute do ? |
|
Definition
| Script to be run each time the ready state changes (the ready state tracks the state of the media data). |
|
|
Term
| What does the onseeked attribute do ? |
|
Definition
| Script to be run when the seeking attribute is set to false indicating that seeking has ended. |
|
|
Term
| What does the onseeking attribute do ? |
|
Definition
| Script to be run when the seeking attribute is set to true indicating that seeking is active. |
|
|
Term
| What does the onstalled attribute do ? |
|
Definition
| Script to be run when the browser is unable to fetch the media data for whatever reason. |
|
|
Term
| What does the onsuspend attribute do ? |
|
Definition
| Script to be run when fetching the media data is stopped before it is completely loaded for whatever reason. |
|
|
Term
| What does the ontimeupdate attribute do ? |
|
Definition
| Script to be run when the playing position has changed (like when the user fast forwards to a different point in the media). |
|
|
Term
| What does the onvolumechange attribute do ? |
|
Definition
| Script to be run each time the volume is changed which (includes setting the volume to "mute"). |
|
|
Term
| What does the onwaiting attribute do ? |
|
Definition
| Script to be run when the media has paused but is expected to resume (like when the media pauses to buffer more data). |
|
|
