Test 1 Flashcards by Marissa Cano

True or false
HTML5 is a version of the mark-up language that was created to replace the previous version, HTML 4.01.

false

How well did you know this?

Not at all

Perfectly

True or false
The best feature about HTML5 is that it supports ALL of the previous features and syntax from HTML 4.01

false

How well did you know this?

Not at all

Perfectly

The new doctype declaration for HTML5 is:

”<!DOCTYPE html> “

How well did you know this?

Not at all

Perfectly

True or false
The new doctype declaration can be written in EITHER uppercase or lowercase

True

How well did you know this?

Not at all

Perfectly

The character encoding (charset) declaration for HTML5 is:

(<meta></meta>)

How well did you know this?

Not at all

Perfectly

True or False
ALL of the HTML5 elements and their functionality are supported in ALL current browsers

False

How well did you know this?

Not at all

Perfectly

All browsers, old and new, automatically handle unrecognized elements as ________ elements

inline

How well did you know this?

Not at all

Perfectly

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

How well did you know this?

Not at all

Perfectly

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

How well did you know this?

Not at all

Perfectly

A _____________ element (tag) clearly describes its meaning to anyone wishing to use it.

Semantic

How well did you know this?

Not at all

Perfectly

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

How well did you know this?

Not at all

Perfectly

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

How well did you know this?

Not at all

Perfectly

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

How well did you know this?

Not at all

Perfectly

The _______ attribute specifies that the <details> content should be visible to the user by default when used.</details>

Open

How well did you know this?

Not at all

Perfectly

Images and captions can now be grouped together by using which two tags?

Figure and figcaption

How well did you know this?

Not at all

Perfectly

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

How well did you know this?

Not at all

Perfectly

True or False
No more than one footer element may be added to the same web page.

false

How well did you know this?

Not at all

Perfectly

The _______ element should be used to display “introductory” content on your web page and therefore display at the top.

header

How well did you know this?

Not at all

Perfectly

True or false
More than one header element may be added to the same web page.

false

How well did you know this?

Not at all

Perfectly

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

How well did you know this?

Not at all

Perfectly

True or false
There may not be more than one <main> element in a web page.

True

How well did you know this?

Not at all

Perfectly

True or false
The <main> element may not be a descendant of either the <article>, <aside>, <footer>, <header>, or <nav> elements.

True

How well did you know this?

Not at all

Perfectly

The _____ tag defines noticeable text and should be used if you want to highlight parts of your web page’s text.

Mark

How well did you know this?

Not at all

Perfectly

Most browsers will display the <mark> element with which default values:</mark>

Background color as yellow and front color as black

How well did you know this?

Not at all

Perfectly

The ________ element defines a set of navigation links.

nav

True or False Not all links in a web page must be included inside a

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

element; therefore, it should be the first child element of the

element.

Summary

The ______ tag defines a date and time.

time

True or false 30. The 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.

True

31. 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

43. 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.

89. 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

114. Web fonts are available by using the __________ rule. 115. When applying web fonts, you must link to them by using the ______________

@font-face , URL