Font size
WorksheetsuCertify HTML Vocabulary - Lessons 1-7
Total questions: 70
Worksheet time: 1hrs 10mins
A set of protocols for building software applications
(a)
A program that is being executed
(a)
A set of formal rules describing how to transmit data, especially across a network
(a)
An event fired when a finger is lifted form the DOM element
touchend
touchstart
touchmove
touchtranslate
An event fired when a finger is dragged on the DOM element
touchmove
touchstart
touchend
touchtranslate
An event fired when a finger is placed on the DOM element
touchstart
touchmove
touchtranslate
touchend
This element specifies a standard way to embed audio in a web page
<audio>
<video>
<image>
<mp3>
The language that describes the presentation of Web pages, including colors, layout, and fonts.
CSS
JavaScript
XML
HTML
These are the design principles designed to support existing content while paving the way for the new approaches to markup
HTML5 Design Principles
CSS Design Principles
JavaScript Design Principles
An object-oriented computer programming language commonly used to create interactive effects within web browsers
HTML
JavaScript
CSS
XML
Provides the data structure, a clean, easy-to-access set of content. It is used to describe webpages
Semantic HTML
CSS
JavaScript
HTML
This element specifies a standard way to embed a video in a web page
<audio>
<mp3>
<video>
<image>
These are formal standards consisting of technical specifications in which aspects of the World Wide Web are defined and described
Web Standards
XML Standards
CSS Standards
HTML Standards
This tag defines alternative information of an image if the user is not able to view it
(a)
An independent, self-contained chunk of related content that still makes sense on its own (example: in an RSS feed)
(a)
A tag that specifies a section that is quoted from another source. It is a sectioning root element in HTML5
blockquote
figcaption
figure
br
The line break tag. The text/image following this tag will be moved to the next line when displayed in the browser
figcaption
br
figure
blockquote
This tag is used to provide a label and is optional
br
blockquote
figcaption
figure
This tag is a chunk of content that is essential for understanding surrounding content but which could be moved (example: to an appendix)
blockquote
figure
figcaption
br
These are used to define headings in HTML. Heading elements implement six levels of document headings, <h1> is the most important and <h6> is the least.
(a)
This is a specialized form of <header> that can contain only <h1>-<h6> elements. It is used for grouping a heading with a subheading
<hgroup>
<h1-h6>
This tag is used for declaring a navigational section of the HTML document. It is a structural element used in HTML
(a)
Tells the browser to choose whether to download the entire file, nothing, or only the metadata.
Auto
Autoplay
Controls
Preload
This attribute tells the browser to start playing the video as soon as it is downloaded
Auto
Autoplay
Controls
Preload
An HTML5 element used to draw graphics. It is pixel based, and allows for quick rendering but poor scaling
SVG
Canvas
Displays built-in controls that are native to the browser. Basic controls tend to include a play/pause button, time counter, volume control, and time scrubber.
Auto
Autoplay
Controls
Preload
This attribute either allows for or prohibits the sharing of a video across other domains using Cross-Origin Resource Sharing
(a)
This attribute identifies the height of the video (if height/width are not in the correct ratio, black banding will appear)
Height
Width
This attribute tells the browser to loop the video after playback has been completed
(a)
A powerful script created by John Dyer that works cross browser. There is a series of plug-ins available to add a loop button, translations (using track) and backlight the video
MediaElement.js
Playr
SublimeVideo Player
VideoJS
This attribute allows multiple media elements to be linked together by creating a media controller. It enables you to synchronize multiple videos or a video with an audio
(a)
This attribute tells the browser to only preload the metadata (dimensions, first frame, duration, etc.) The rest of the file will begin to load when the user clicks Play
(a)
Specifies whether the video should be muted when it begins to play
(a)
An extremely simple, stripped down video player created by Julien "delphiki" Villetorte. It provides fantastic support to the track element so it offers captions. In addition, it is keyboard accessible.
MediaElement.js
Playr
SublimeVideo Player
VideoJS
This attribute allows the author to inform the browser to start (or not start) downloading the video as soon as the page is loaded
Auto
Autoplay
Controls
Preload
Is built using a stand-alone JavaScript library with Flash fallback for less advanced browsers. It has a full-window mode and a full-screen mode, playlist support, and more.
MediaElement.js
Playr
SublimeVideo Player
VideoJS
A small, open source JavaScript library that works cross-browser. It falls back to Flash for browsers that don't support video.
MediaElement.js
Playr
SublimeVideo Player
VideoJS
Based on values the user has entered before, the browser automatically completes values. It allows the browser to predict the value
Autocomplete
Autofocus
Specifies that a form control should have input focus when the page loads, unless the user overrides it, for example, by typing in a different control
Autocomplete
Autofocus
Represents a control from which the user can obtain additional information or controls on demand if required
(a)
This element represents one email address. Line breaks are automatically stripped from the input value
(a)
This attribute specifies the file or application that will submit the form
Formaction
Formenctype
Formmethod
Formtarget
This attribute specifies how the form data is encoded with the POST method type
Formaction
Formenctype
Formmethod
Formtarget
Specifies which HTTP method (GET, POST, PUT, DELETE) will be used to submit the form data
Formaction
Formenctype
Formmethod
Formtarget
Specifies the target window for the form results
Formaction
Formenctype
Formmethod
Formtarget
This attribute enables the user to associate a series of options with a particular field
(a)
This attribute allows more than one value to be entered from the datalist element
(a)
This attribute specifies a JavaScript regular expression for the field's value to be checked against
(a)
This attribute allows us to set the placeholder text as we do in HTML4 with the value attribute. It should only be used for short descriptions. For anything longer, the title attribute is used
(a)
By adding this attribute to a form field, the browser requires the user to enter data into that field before submitting the form
(a)
This element represents a search entry field
(a)
This attribute specifies the legal number intervals for an <input> element. If this attribute is not defined, the default value is 1
(a)
This element represents a summary, caption, or legend for the contents of the summary element's parent details element, if any
(a)
This attribute represents a control for editing a telephone number
(a)
This is the input type for web addresses. Line breaks and leading and trailing whitespaces are automatically stripped from the input value
(a)
This property controls the appearance of the border on each side of the element, enclosing the content and padding
Border
Content
Margin
Padding
This property specifies generated content that can be displayed before or after an element. It is used in conjunction with the :before and :after pseudo-elements
Border
Content
Margin
Padding
This property affects the space on one or more sides of an element and is transparent, but unlike padding it can also take negative values and the value auto
Border
Content
Margin
Padding
This property adds space to one or more sides of an element's content. It's transparent, so it reveals the element's background color and/or background image(s)
Border
Content
Margin
Padding
These are used to select elements you want to style. They are used to select HTML elements based on their ID, classes, types, attributes, etc.
(a)
This property sets the values of several other CSS properties simultaneously. More concise and more readable style sheets can be written by using shorthand property
CSS shorthand
Functional notation
Inheritance
This is used to denote colors, attributes, and URLs in CSS3. #FF0000 (written in hexadecimal) and red (written as a keyword) color can be written using functional notation as rgb (red, green, blue)
CSS shorthand
Functional notation
Inheritance
This allows authors to only declare a property and value once, thus avoiding the need to set the same property on a number of elements
CSS shorthand
Functional notation
Inheritance
This is the part of a lower case character that extends above the mean line of a font
Ascender
Descender
Mean line
X-height
This is the portion of a lower case character that extends below the baseline of the font
Ascender
Descender
Mean line
X-height
This is the line that determines where the non-ascending characters end in a typeface
Ascender
Descender
Mean line
X-height
This is the distance between the baseline and the mean line
Ascender
Descender
Mean line
X-height
This is a rule standardized in the CSS3 Fonts Module that allows us to declare where on the Internet fonts are located and their formats so they can be used later in our style sheets as a value for the font-family property
@font-face
Typeface
This refers to the type designs that are created by type designers. Georgia, Helvetica, and Futura are all typefaces
@font-face
Typeface
This aimed to be a replacement for sIFR by using the new canvas element for modern browsers and VML for IE
(a)
