True or false
HTML5 is a version of the mark-up language that was created to replace the previous version, HTML 4.01.
false
True or false
The best feature about HTML5 is that it supports ALL of the previous features and syntax from HTML 4.01
false
The new doctype declaration for HTML5 is:
”<!DOCTYPE html> “
True or false
The new doctype declaration can be written in EITHER uppercase or lowercase
True
The character encoding (charset) declaration for HTML5 is:
(<meta></meta>)
True or False
ALL of the HTML5 elements and their functionality are supported in ALL current browsers
False
All browsers, old and new, automatically handle unrecognized elements as ________ elements
inline
Which of these tags are not supported in HTML5:
bgsound , big , blink , center , em , s, u , h1,br, font-size
bgsound , big , blink , center , em , s, u
A _________ is a shim that mimics a future API, providing “fallback” functionality for older browsers; it fills in the gaps in older browsers that don’t support the HTML5 functionality and allow you to work with HTML5 code as if it is fully supported.
polyfill
A _____________ element (tag) clearly describes its meaning to anyone wishing to use it.
Semantic
The __________ element specifies independent, self-contained content and should consist of its own self-explanatory content; it should “stand alone” from any other content on the web page/site
article
The ________ element explains some additional content separately from the content in which it is located ( like a sidebar or an insert ); its content should be related to the adjacent content.
aside
The __________ element displays additional information that the web page visitor can view or hide on demand, and it may contain any type of content; it can be used to create an interface that the visitor can open and close.
details
The _______ attribute specifies that the <details> content should be visible to the user by default when used.</details>
Open
Images and captions can now be grouped together by using which two tags?
Figure and figcaption
The _________ element may contain information such as details regarding the web page’s creator and the creation date, copyright information, links to content usage, and contact information.
footer
True or False
No more than one footer element may be added to the same web page.
false
The _______ element should be used to display “introductory” content on your web page and therefore display at the top.
header
True or false
More than one header element may be added to the same web page.
false
The content inside the ____ tag should reflect the primary theme or subject matter of the web page, and it should not contain any content that is repeated in other parts of the web page such as sidebars, links, copyright information, site logos, and search forms.
main
True or false
There may not be more than one <main> element in a web page.
True
True or false
The <main> element may not be a descendant of either the <article>, <aside>, <footer>, <header>, or <nav> elements.
True
The _____ tag defines noticeable text and should be used if you want to highlight parts of your web page’s text.
Mark
Most browsers will display the <mark> element with which default values:</mark>
Background color as yellow and front color as black
The ________ element defines a set of navigation links.
nav
True or False
Not all links in a web page must be included inside a <nav> element; this tag is primarily used for the purpose of grouping.
True
The ____________ element defines a subdivision in a web page; basically it denotes a thematic grouping of content, typically with a heading.
Section
The __________ tag defines a visible heading for the <details> element; therefore, it should be the first child element of the <details> element.</details></details>
Summary
The ______ tag defines a date and time.
time
True or false
30. The <time> element can also be used to encode dates and times in a machine-readable way so that user agents can offer to add special event date reminders or scheduled events to the user's calendar and search engines can produce smarter search results.</time>
True
- What are the 9 block-level semantic elements?
ARTICLE ASIDE FOOTER MAIN
The tag _____________ is used to add color to an input field.
“input type = “color”
The tag ____________ is used to enter a date into an input field.
input type=”date”
True or false
You can add parameters ( attribute restrictions ) to the input field to set either a minimum or a maximum date that is allowed to be entered.
True
The tag ____________ is used to enter a date and a time into an input field ( no time zone designation ).
” input type = “datetime””
The tag _________ is used to enter an e-mail address
into an input field.
"”input type= “email””
True or false
Using the form type that supports e-mail, data entry will validate an e-mail address to assure that it is a real, legitimate, currently-active address.
False
The tag _________ is used to enter BOTH a month AND a year.
“input type=”month” “
The tag ___________ is used to input data that contains ONLY a numeric value.
”” input type =”number ”””
True or False
Restrictions can be set on allowable data entry into a numeric designated Input field so that only said data type will be validated.
True
The tag _____________ is used to set a value range for input fields.
”” input type=” range””
Ideally, when used (and supported by the browser), the ________ input control will appear as a slider.
range
- When working with the range input field, what are the attributes that can be used to set restrictions?
Min , max , step and value
The tag ________ is used to generate data entry for a search field.
”” input type = “ search “ “”
The tag _________ is used to enter a telephone number into an input field.
”” input type = “ tel “ “”
The tag __________ allows the user to enter a time ( without a time zone ).
( input type= “time” )
The tag ________ is used to enter a web site address ( URL ) into an input field.
(input type = “url “ )
True or false
Using the form type that supports web site addresses, data entry will
validate a URL to assure that it is a real, legitimate, currently-active web address.
False
The tag ________ allows the user to enter BOTH a
week AND a year.
( input type = “week”)
The ________________ feature in HTML5 returns the location of a visitor to the web page (or as close as possible).
Geolocation
Your ____________ can reveal which country you are in.
IP address
By __________ a form using the _________ attribute, you can reference
the form in other form elements from anywhere in your web page code.
naming ; id
True or False
In order to use an < input > tag in your form, it must always appear inside of the < form > < /form > tags.
false
The _______________ attribute lets you add more than one Submit button to a form and allows each one to be coded to a different destination.
formaction
The _________ attribute lets you specify a _____________( such as [\w-] {4, 8} ) which should be used to evaluate an input field’s content.
pattern , regular expression
The _______________ attribute lets you add a helpful hint to a blank input field to explain what content needs to be added there.
placeholder
To disable an input field you use the attribute _________
disable
The attribute ________ designates the number of intervals ( frequency )
for an input field.
step
The attribute _______ designates a default value for an input field.
value
A __________ describes the functionality provided by software that encodes and decodes audio and video media files.
codec
True or false
Although each one must be installed in a browser before audio and video files can be used, fortunately there is currently only one codec software plug-in for audio files and one for video files.
False
True or false
When you call up a media file, by default the browser automatically starts downloading the file to determine its type and then allows playback only if it is a supported format.
True
The __________ tag in HTML5 will detail information about a
media file so that the browser will not even attempt to download it if it knows it cannot be played.
source
True or false
64. When listing multiple < source > tags to support different file type encodings, the browser will actually play the last file that it finds listed that it can actually play.
False
The _________ tag was deprecated and initially replaced with the < object > tag, but due to continued use, it was eventually reinstalled and is now fully supported in HTML5.
embed
When defining styles for the if attribute , you must use the _____ symbol
#
True or False
Although it is not a good idea, it is permitted to assign the same id attribute property value to more than one HTML element in a web page as long as the value is assigned to different HTML tags.
True
True or False
All current browsers allow the user’s styles assigned with the !important designation to take precedence over those of the author’s styles which are also designated as !important.
True
The wildcard selector designated by the ______ symbol matches ANY HTML element when defining a style.
*
True or False
Styles can be assigned by designating whether or not a tag contains a specific attribute or even a specific attribute AND a specific attribute value
True
True or False
The < div > tag is an inline element and the < span > tag is a block-level element
False
True or False
One of the best measurement units to use in styling a web page is em because one em is equal to the current font size and it is used to describe relative dimensions.
True
True or False
Inches, millimeters, centimeters, picas and points are not recommended to be used to style web pages as they are units of measurement designated for use in print and not for the web.
True
True or False
Pixels, ems, exs and percentages are all units of measurement that are designed to work well when applied to web page elements.
True
What are the 3 ways by which colors can be specified?
Color-name hexadecimal , rgb
What is this color code equivalent to when converting it to a full six-
character hex value: #d48 ?
d04080 / #dd4488(might use this one on the test )
What are the four choices for using CSS to position elements on your web page?
Top, right, bottom and left satic ,absolute
First-line, first-child, and first-letter are all examples of _____________
Pseudo classes
Link styles can be changed by using CSS _________
Pseudo
True or False
The problem with using shorthand rules to write CSS code is that all of the styles MUST be assigned in a specific order.
True
Using the Box Model, what is the correct order for applying border styles around an object – working outward from the content ( there are three basic layers )?
Padding, boarding, margin
The four individual sides of the Box Model are applied in which order?
Margin, border , padding and element contents clock wise
To assign a style by matching a part of an attribute’s string value, you can do so by including the _______ symbol which will match if the value is at the beginning of the string.
“”^””
To assign a style by matching a part of an attribute’s string value, you can do so by including the ______ symbol which will match if the value is at the end of the string.
$
- To assign a style by matching a part of an attribute’s string value, you can do so by including the ___ symbol which will match if the value is any part or substring of the value string.
*
The _________________ property designates whether or not
a background should be ignored if it appears within either the border
or padding areas of an element.
Background - clip
With the ______________ property you can specify where
you would like a background image to be located by specifying where the _______ corner of the image should start
Background-origin , Top left
The ____________ property will change the size of a
background image.
Background - size
You can scale only one dimension of a background image and have the other one scale automatically to retain the same proportions by using the value _________ for the second dimension.
auto
True or False
You may add multiple background images to a web page up to a total of four – one to represent each of the four quadrants of the screen.
False
True or False
When adding multiple background images to a web page, the new
images will appear on top of the already-placed images
False
To create rounded borders with CSS, you would apply the ________ property.
border-radius
True or False
When creating rounded borders with CSS, you have the option of
applying a separate radius to all four corners at once.
True
The syntax for the box-shadow property is as follows:
box-shadow: value1 value2 value3 value4 wherein the first value designates the ______________ ; The second value designates the _______________ ; the third value designates the ________________ ; and the fourth value designates ________________.
Horizontal , vertical , blur and shadow.
The potential values for the CSS overflow property are:
Hidden, visible , auto, and scroll
The hsl ( ) function let’s you define colors based on which 3 properties?
hue, saturation, and lightness
________________ is the value of a color on the color wheel and is written as a value between _____ and _____ degrees
Hue , 0, 359
_________ indicates how rich or how faded a color will appear and is
written as a value between ______ and ________
Saturation , 0 and 100
___________ indicates how bright the color will appear and is indicated by a luminance value between ______ and _____ percent
Lightness , 0, 100
A value of __________ for lightness ( luminance ) gives the fullest, brightest color.
50%
When using the function hsla ( ), the “ a “ indicates the ___________ level which specifies the ________ of the object and is indicated by a value between _____ and _____
Alpha , opacity , 0,1
What are three CSS properties that can be used to create columns in a web page?
Column-count, column- gap and column-rule
The ______ _____________ property works similar to the box-shadow property by taking the same set of arguments but it is used specifically on text.
text-shadow
The ________________ property specifies how additional text content that is not able to be displayed should be handled; the value of _____________will place an ellipsis just before the cutoff to indicate that the text has been truncated
text-overflow , hidden
If you want exceptionally long text to display without being truncated, you can use the CSS property _____________ with the value ___________
word-warp , break-word
True or False
The box-sizing property is used to tell the browser what the sizing properties (width and height) should include – should it include just the content or does it need to include the borders too.
True
The values for the box-sizing property are:
border-box, content -box
The ________ property specifies whether or not an element is resizable by the user to more manageable dimensions.
resize
- Web fonts are available by using the __________ rule.
- When applying web fonts, you must link to them by using the ______________
@font-face , URL
