Test 1 Flashcards

1
Q

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

A

false

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

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

A

false

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

The new doctype declaration for HTML5 is:

A

”<!DOCTYPE html> “

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

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

A

True

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

The character encoding (charset) declaration for HTML5 is:

A

(<meta></meta>)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

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

A

False

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

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

A

inline

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

Which of these tags are not supported in HTML5:

bgsound , big , blink , center , em , s, u , h1,br, font-size

A

bgsound , big , blink , center , em , s, u

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

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.

A

polyfill

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

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

A

Semantic

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

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

A

article

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

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.

A

aside

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

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.

A

details

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

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

A

Open

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

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

A

Figure and figcaption

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

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.

A

footer

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
17
Q

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

A

false

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
18
Q

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

A

header

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
19
Q

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

A

false

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
20
Q

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.

A

main

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
21
Q

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

A

True

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
22
Q

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

A

True

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
23
Q

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

A

Mark

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
24
Q

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

A

Background color as yellow and front color as black

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
25
Q

The ________ element defines a set of navigation links.

A

nav

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
26
Q

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.

A

True

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
27
Q

The ____________ element defines a subdivision in a web page; basically it denotes a thematic grouping of content, typically with a heading.

A

Section

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
28
Q

The __________ tag defines a visible heading for the <details> element; therefore, it should be the first child element of the <details> element.</details></details>

A

Summary

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
29
Q

The ______ tag defines a date and time.

A

time

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
30
Q

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>

A

True

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
31
Q
  1. What are the 9 block-level semantic elements?
A

ARTICLE ASIDE FOOTER MAIN

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
32
Q

The tag _____________ is used to add color to an input field.

A

“input type = “color”

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
33
Q

The tag ____________ is used to enter a date into an input field.

A

input type=”date”

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
34
Q

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.

A

True

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
35
Q

The tag ____________ is used to enter a date and a time into an input field ( no time zone designation ).

A

” input type = “datetime””

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
36
Q

The tag _________ is used to enter an e-mail address
into an input field.

A

"”input type= “email””

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
37
Q

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.

A

False

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
38
Q

The tag _________ is used to enter BOTH a month AND a year.

A

“input type=”month” “

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
39
Q

The tag ___________ is used to input data that contains ONLY a numeric value.

A

”” input type =”number ”””

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
40
Q

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.

A

True

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
41
Q

The tag _____________ is used to set a value range for input fields.

A

”” input type=” range””

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
42
Q

Ideally, when used (and supported by the browser), the ________ input control will appear as a slider.

A

range

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
43
Q
  1. When working with the range input field, what are the attributes that can be used to set restrictions?
A

Min , max , step and value

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
44
Q

The tag ________ is used to generate data entry for a search field.

A

”” input type = “ search “ “”

45
Q

The tag _________ is used to enter a telephone number into an input field.

A

”” input type = “ tel “ “”

46
Q

The tag __________ allows the user to enter a time ( without a time zone ).

A

( input type= “time” )

47
Q

The tag ________ is used to enter a web site address ( URL ) into an input field.

A

(input type = “url “ )

48
Q

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.

A

False

49
Q

The tag ________ allows the user to enter BOTH a
week AND a year.

A

( input type = “week”)

50
Q

The ________________ feature in HTML5 returns the location of a visitor to the web page (or as close as possible).

A

Geolocation

51
Q

Your ____________ can reveal which country you are in.

A

IP address

52
Q

By __________ a form using the _________ attribute, you can reference
the form in other form elements from anywhere in your web page code.

A

naming ; id

53
Q

True or False
In order to use an < input > tag in your form, it must always appear inside of the < form > < /form > tags.

A

false

54
Q

The _______________ attribute lets you add more than one Submit button to a form and allows each one to be coded to a different destination.

A

formaction

55
Q

The _________ attribute lets you specify a _____________( such as [\w-] {4, 8} ) which should be used to evaluate an input field’s content.

A

pattern , regular expression

56
Q

The _______________ attribute lets you add a helpful hint to a blank input field to explain what content needs to be added there.

A

placeholder

57
Q

To disable an input field you use the attribute _________

A

disable

58
Q

The attribute ________ designates the number of intervals ( frequency )
for an input field.

A

step

59
Q

The attribute _______ designates a default value for an input field.

A

value

60
Q

A __________ describes the functionality provided by software that encodes and decodes audio and video media files.

A

codec

61
Q

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.

A

False

62
Q

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.

A

True

63
Q

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.

A

source

64
Q

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.

A

False

65
Q

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.

A

embed

66
Q

When defining styles for the if attribute , you must use the _____ symbol

A

#

67
Q

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.

A

True

68
Q

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.

A

True

69
Q

The wildcard selector designated by the ______ symbol matches ANY HTML element when defining a style.

A

*

70
Q

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

A

True

71
Q

True or False
The < div > tag is an inline element and the < span > tag is a block-level element

A

False

72
Q

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.

A

True

73
Q

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.

A

True

74
Q

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.

A

True

75
Q

What are the 3 ways by which colors can be specified?

A

Color-name hexadecimal , rgb

76
Q

What is this color code equivalent to when converting it to a full six-
character hex value: #d48 ?

A

d04080 / #dd4488(might use this one on the test )

77
Q

What are the four choices for using CSS to position elements on your web page?

A

Top, right, bottom and left satic ,absolute

78
Q

First-line, first-child, and first-letter are all examples of _____________

A

Pseudo classes

79
Q

Link styles can be changed by using CSS _________

A

Pseudo

80
Q

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.

A

True

81
Q

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 )?

A

Padding, boarding, margin

82
Q

The four individual sides of the Box Model are applied in which order?

A

Margin, border , padding and element contents clock wise

83
Q

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.

A

“”^””

84
Q

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.

A

$

85
Q
  1. 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.
A

*

86
Q

The _________________ property designates whether or not
a background should be ignored if it appears within either the border
or padding areas of an element.

A

Background - clip

87
Q

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

A

Background-origin , Top left

88
Q

The ____________ property will change the size of a
background image.

A

Background - size

89
Q

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.

A

auto

90
Q

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.

A

False

91
Q

True or False
When adding multiple background images to a web page, the new
images will appear on top of the already-placed images

A

False

92
Q

To create rounded borders with CSS, you would apply the ________ property.

A

border-radius

93
Q

True or False
When creating rounded borders with CSS, you have the option of
applying a separate radius to all four corners at once.

A

True

94
Q

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

A

Horizontal , vertical , blur and shadow.

95
Q

The potential values for the CSS overflow property are:

A

Hidden, visible , auto, and scroll

96
Q

The hsl ( ) function let’s you define colors based on which 3 properties?

A

hue, saturation, and lightness

97
Q

________________ is the value of a color on the color wheel and is written as a value between _____ and _____ degrees

A

Hue , 0, 359

98
Q

_________ indicates how rich or how faded a color will appear and is
written as a value between ______ and ________

A

Saturation , 0 and 100

99
Q

___________ indicates how bright the color will appear and is indicated by a luminance value between ______ and _____ percent

A

Lightness , 0, 100

100
Q

A value of __________ for lightness ( luminance ) gives the fullest, brightest color.

A

50%

101
Q

When using the function hsla ( ), the “ a “ indicates the ___________ level which specifies the ________ of the object and is indicated by a value between _____ and _____

A

Alpha , opacity , 0,1

102
Q

What are three CSS properties that can be used to create columns in a web page?

A

Column-count, column- gap and column-rule

103
Q

The ______ _____________ property works similar to the box-shadow property by taking the same set of arguments but it is used specifically on text.

A

text-shadow

104
Q

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

A

text-overflow , hidden

105
Q

If you want exceptionally long text to display without being truncated, you can use the CSS property _____________ with the value ___________

A

word-warp , break-word

106
Q

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.

A

True

107
Q

The values for the box-sizing property are:

A

border-box, content -box

108
Q

The ________ property specifies whether or not an element is resizable by the user to more manageable dimensions.

A

resize

109
Q
  1. Web fonts are available by using the __________ rule.
  2. When applying web fonts, you must link to them by using the ______________
A

@font-face , URL