Week 3 Flashcards

1
Q

………… is also a percentage value, 0% is black, and 100% is white

A

Lightness

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

Add ………… after autoplay=1 to let your video start playing automatically (but
muted)

A

mute=1

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

With an ………….., you can change the look of an entire website by changing just one file!

A

external style sheet

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

a type selector that if you had two <p> elements that are siblings of an <h1> element, this rule would apply to both
(h1~p{})

A

General Sibling

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

An ………… can be used as the target frame for a link

A

iframe

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

Defines a set of navigation links

A

<nav>
</nav>

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

Defines a header for a document or a section

A

<header>
</header>

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

…….. is a degree on the color wheel from 0 to 360. 0 is red, 120 is green, and 240 is blue

A

Hue

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

the id selector is used to select more than one unique element!
(T/F)

A

False

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

The ………… selects all the HTML elements with the same style definitions

A

grouping selector

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

You can let your video start playing automatically when a user visits the page, by adding autoplay=……….. to the YouTube URL.

A

1

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

a type selector that targets all elements on the page

A

Universal selector (*)

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

a type selector that targets any element whose class attribute has a value of note

A

Class Selector (.classsname)

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

Each parameter (red, green, and blue) defines the intensity of the color with a
value between 0 and …………

A

255

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

In HTML, a color can be specified using hue, saturation, and lightness (……….) in the
form:
hsl(hue, saturation, lightness)

A

HSL

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

HTML has a much wider array of attributes than CSS
(T/F)

A

False

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

If you are using CSS, you do not need to write HTML tag
attributes every time
(T/F)

A

True

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

The ………. selects HTML elements with a specific class attribute

A

class selector

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

………. is a percentage value, 0% means a shade of gray, and 100% is the full color

A

Saturation

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

The ……….. element is a container for metadata (data about data)

A

<head>
</head>

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

In HTML, a color can be specified using a ………. value in the form: #rrggbb

A

hexadecimal

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

To display …………., set all color parameters to ff, like this: #ffffff

A

white

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

……… are assigned to properties

A

Values

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

Metadata is not displayed
(T/F)

A

True

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
25
To play an audio file in HTML, use the .......... element
26
To display .............., set all color parameters to 0, like this: rgb(0, 0, 0)
black
27
a type selector that targets the first

element after any

element (but not other

elements) (h1+p{})

Adjacent Siblings
28
The ................ element allows you to specify alternative video files which the browser may choose from
29
In HTML, a color can be specified as an ................, using this formula: rgb(red, green, blue)
RGB value
30
CSS is the acronym for ".............."
Cascading Style Sheet
31
............ could be any tag like

or etc
selector
32
A ............ is a type of attribute of HTML tag
property
33
The ......... uses the id attribute of an HTML element to select a specific element
id selector
34
a type selector that targets all element whose id attribute has a value of introduction (#introduction)
ID selector
35
The metadata will not be displayed on the page, but are used by browsers (how to display content or reload page), by search engines (keywords), and other web services (T/F)
True
36
............. is the browser window size
Viewport
37
a type selector that targets the

,

, and

elements

Type Selector
38
The ........... attribute adds video controls, like play, pause, and volume
controls
39
To display ............., set all color parameters to 00, like this: #000000
black
40
.................... is about creating web pages that look good on all devices!
Responsive web design
41
The most common way to discover the type of a file, is to look at the file extension (T/F)
True
42
...... is one of the most widely used style language over the web
CSS
43
defines a heading for the ............. element
44
The target attribute of the link must refer to the name attribute of the iframe (T/F)
True
45
Converting videos to different formats can be difficult and time-consuming (T/F)
True
46
.............. typically define the document title, character set, styles, scripts, and other meta information
Metadata
47
The ............. can be set with a "vw" unit, which means the "viewport width"
text size
48
You cannot write CSS once and then reuse same sheet in multiple HTML pages (T/F)
False
49
A ........... is an HTML tag at which a style will be applied
selector
50
Only MP3, WAV, and Ogg audio are supported by the HTML standard (T/F)
True
51
To select an element with a specific id, write a ........... character, followed by the id of the element
hash (#)
52
Defines a heading for the
element
53
The text between the tags will only be displayed in browsers that do not support the
True
54
if the internal style is defined before the link to the external style sheet, the elements will apply the ............ style
external
62
The HTML ......... element is a container for the following elements: , <style>, <meta>, <link>, <script>, and <base> </div> </div> <div class='card-face answer'> <div class='answer-content'> <head> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":63,"qSoundUrl":null,"resources":{"deckId":14461774,"packId":21706159,"cardId":466595480},"returnTo":"/packs/21706159/subscribe"}' id='card-466595480'> <div class='header'> 63 </div> <div class='card-face question'> <div class='question-content'> An HTML .......... is used to display a web page within a web page </div> </div> <div class='card-face answer'> <div class='answer-content'> iframe </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":64,"qSoundUrl":null,"resources":{"deckId":14461774,"packId":21706159,"cardId":466595927},"returnTo":"/packs/21706159/subscribe"}' id='card-466595927'> <div class='header'> 64 </div> <div class='card-face question'> <div class='question-content'> A .............. will automatically adjust for different screen sizes and viewports </div> </div> <div class='card-face answer'> <div class='answer-content'> responsive web design </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":65,"qSoundUrl":null,"resources":{"deckId":14461774,"packId":21706159,"cardId":466595955},"returnTo":"/packs/21706159/subscribe"}' id='card-466595955'> <div class='header'> 65 </div> <div class='card-face question'> <div class='question-content'> .................... is about using HTML and CSS to automatically resize, hide, shrink, or enlarge, a website, to make it look good on all devices (desktops, tablets, and phones) </div> </div> <div class='card-face answer'> <div class='answer-content'> Responsive Web Design </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":66,"qSoundUrl":null,"resources":{"deckId":14461774,"packId":21706159,"cardId":466595821},"returnTo":"/packs/21706159/subscribe"}' id='card-466595821'> <div class='header'> 66 </div> <div class='card-face question'> <div class='question-content'> Defines additional details that the user can open and close on demand </div> </div> <div class='card-face answer'> <div class='answer-content'> <details> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":67,"qSoundUrl":null,"resources":{"deckId":14461774,"packId":21706159,"cardId":466597385},"returnTo":"/packs/21706159/subscribe"}' id='card-466597385'> <div class='header'> 67 </div> <div class='card-face question'> <div class='question-content'> An ........ can be written in any text editor, and must be saved with a .css extension. </div> </div> <div class='card-face answer'> <div class='answer-content'> external style sheet </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":68,"qSoundUrl":null,"resources":{"deckId":14461774,"packId":21706159,"cardId":466595766},"returnTo":"/packs/21706159/subscribe"}' id='card-466595766'> <div class='header'> 68 </div> <div class='card-face question'> <div class='question-content'> Defines a section in a document </div> </div> <div class='card-face answer'> <div class='answer-content'> <section> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":69,"qSoundUrl":null,"resources":{"deckId":14461774,"packId":21706159,"cardId":466595666},"returnTo":"/packs/21706159/subscribe"}' id='card-466595666'> <div class='header'> 69 </div> <div class='card-face question'> <div class='question-content'> The .......... element is typically used to specify the character set, page description, keywords, author of the document, and viewport settings </div> </div> <div class='card-face answer'> <div class='answer-content'> <meta> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":70,"qSoundUrl":null,"resources":{"deckId":14461774,"packId":21706159,"cardId":466597260},"returnTo":"/packs/21706159/subscribe"}' id='card-466597260'> <div class='header'> 70 </div> <div class='card-face question'> <div class='question-content'> To group selectors, separate each selector with a .......... </div> </div> <div class='card-face answer'> <div class='answer-content'> comma </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":71,"qSoundUrl":null,"resources":{"deckId":14461774,"packId":21706159,"cardId":466597573},"returnTo":"/packs/21706159/subscribe"}' id='card-466597573'> <div class='header'> 71 </div> <div class='card-face question'> <div class='question-content'> The style attribute can contain any CSS property (T/F) </div> </div> <div class='card-face answer'> <div class='answer-content'> True </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":72,"qSoundUrl":null,"resources":{"deckId":14461774,"packId":21706159,"cardId":466594646},"returnTo":"/packs/21706159/subscribe"}' id='card-466594646'> <div class='header'> 72 </div> <div class='card-face question'> <div class='question-content'> In HTML comments, there is an exclamation point (!) in the start tag and in the end tag (T/F) </div> </div> <div class='card-face answer'> <div class='answer-content'> False </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":73,"qSoundUrl":null,"resources":{"deckId":14461774,"packId":21706159,"cardId":466596038},"returnTo":"/packs/21706159/subscribe"}' id='card-466596038'> <div class='header'> 73 </div> <div class='card-face question'> <div class='question-content'> 1vw = 1% of viewport width (T/F) </div> </div> <div class='card-face answer'> <div class='answer-content'> True </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":74,"qSoundUrl":null,"resources":{"deckId":14461774,"packId":21706159,"cardId":466596113},"returnTo":"/packs/21706159/subscribe"}' id='card-466596113'> <div class='header'> 74 </div> <div class='card-face question'> <div class='question-content'> Only MP4, WebM, and Ogg video are supported by the HTML standard (T/F) </div> </div> <div class='card-face answer'> <div class='answer-content'> True </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":75,"qSoundUrl":null,"resources":{"deckId":14461774,"packId":21706159,"cardId":466595260},"returnTo":"/packs/21706159/subscribe"}' id='card-466595260'> <div class='header'> 75 </div> <div class='card-face question'> <div class='question-content'> To display ............., set all color parameters to 255, like this: rgb(255, 255, 255) </div> </div> <div class='card-face answer'> <div class='answer-content'> white </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":76,"qSoundUrl":null,"resources":{"deckId":14461774,"packId":21706159,"cardId":466595797},"returnTo":"/packs/21706159/subscribe"}' id='card-466595797'> <div class='header'> 76 </div> <div class='card-face question'> <div class='question-content'> Defines content aside from the content (like a sidebar) </div> </div> <div class='card-face answer'> <div class='answer-content'> <aside> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":77,"qSoundUrl":null,"resources":{"deckId":14461774,"packId":21706159,"cardId":466596772},"returnTo":"/packs/21706159/subscribe"}' id='card-466596772'> <div class='header'> 77 </div> <div class='card-face question'> <div class='question-content'> Style sheets allow content to be optimized for more than one type of device (T/F) </div> </div> <div class='card-face answer'> <div class='answer-content'> True </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":78,"qSoundUrl":null,"resources":{"deckId":14461774,"packId":21706159,"cardId":466596563},"returnTo":"/packs/21706159/subscribe"}' id='card-466596563'> <div class='header'> 78 </div> <div class='card-face question'> <div class='question-content'> ................ is used to control the style of a web document in a simple and easy way </div> </div> <div class='card-face answer'> <div class='answer-content'> CSS </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":79,"qSoundUrl":null,"resources":{"deckId":14461774,"packId":21706159,"cardId":466596986},"returnTo":"/packs/21706159/subscribe"}' id='card-466596986'> <div class='header'> 79 </div> <div class='card-face question'> <div class='question-content'> The universal selector (....) </div> </div> <div class='card-face answer'> <div class='answer-content'> * </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":80,"qSoundUrl":null,"resources":{"deckId":14461774,"packId":21706159,"cardId":466597415},"returnTo":"/packs/21706159/subscribe"}' id='card-466597415'> <div class='header'> 80 </div> <div class='card-face question'> <div class='question-content'> The external .css file should contain any HTML tags (T/F) </div> </div> <div class='card-face answer'> <div class='answer-content'> False </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":81,"qSoundUrl":null,"resources":{"deckId":14461774,"packId":21706159,"cardId":466597687},"returnTo":"/packs/21706159/subscribe"}' id='card-466597687'> <div class='header'> 81 </div> <div class='card-face question'> <div class='question-content'> an ............. has the highest priority, and will override external and internal styles and browser defaults </div> </div> <div class='card-face answer'> <div class='answer-content'> inline style </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":82,"qSoundUrl":null,"resources":{"deckId":14461774,"packId":21706159,"cardId":466597510},"returnTo":"/packs/21706159/subscribe"}' id='card-466597510'> <div class='header'> 82 </div> <div class='card-face question'> <div class='question-content'> To use ................., add the style attribute to the relevant element </div> </div> <div class='card-face answer'> <div class='answer-content'> inline styles </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":83,"qSoundUrl":null,"resources":{"deckId":14461774,"packId":21706159,"cardId":466594720},"returnTo":"/packs/21706159/subscribe"}' id='card-466594720'> <div class='header'> 83 </div> <div class='card-face question'> <div class='question-content'> In HTML, ............ can also be specified using RGB values, HEX values, HSL values, RGBA values, and HSLA values. </div> </div> <div class='card-face answer'> <div class='answer-content'> colors </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":84,"qSoundUrl":null,"resources":{"deckId":14461774,"packId":21706159,"cardId":466597438},"returnTo":"/packs/21706159/subscribe"}' id='card-466597438'> <div class='header'> 84 </div> <div class='card-face question'> <div class='question-content'> An ............. may be used if one single HTML page has a unique style </div> </div> <div class='card-face answer'> <div class='answer-content'> internal style sheet </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":85,"qSoundUrl":null,"resources":{"deckId":14461774,"packId":21706159,"cardId":466597935},"returnTo":"/packs/21706159/subscribe"}' id='card-466597935'> <div class='header'> 85 </div> <div class='card-face question'> <div class='question-content'> a type selector that targets any elements that are children of an <li> element (but not other <a> elements in the page) (li>a) </div> </div> <div class='card-face answer'> <div class='answer-content'> Child Selector </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":86,"qSoundUrl":null,"resources":{"deckId":14461774,"packId":21706159,"cardId":466597464},"returnTo":"/packs/21706159/subscribe"}' id='card-466597464'> <div class='header'> 86 </div> <div class='card-face question'> <div class='question-content'> The internal style is defined inside the ............ element, inside the ........... section </div> </div> <div class='card-face answer'> <div class='answer-content'> <style>, head </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":87,"qSoundUrl":null,"resources":{"deckId":14461774,"packId":21706159,"cardId":466597130},"returnTo":"/packs/21706159/subscribe"}' id='card-466597130'> <div class='header'> 87 </div> <div class='card-face question'> <div class='question-content'> To select elements with a specific class, write a ............ character, followed by the class name </div> </div> <div class='card-face answer'> <div class='answer-content'> period (.) </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":88,"qSoundUrl":null,"resources":{"deckId":14461774,"packId":21706159,"cardId":466597490},"returnTo":"/packs/21706159/subscribe"}' id='card-466597490'> <div class='header'> 88 </div> <div class='card-face question'> <div class='question-content'> An ................. may be used to apply a unique style for a single element </div> </div> <div class='card-face answer'> <div class='answer-content'> inline style </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":89,"qSoundUrl":null,"resources":{"deckId":14461774,"packId":21706159,"cardId":466596382},"returnTo":"/packs/21706159/subscribe"}' id='card-466596382'> <div class='header'> 89 </div> <div class='card-face question'> <div class='question-content'> Add .......... after autoplay to let your video start playing automatically (but muted) </div> </div> <div class='card-face answer'> <div class='answer-content'> muted </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":90,"qSoundUrl":null,"resources":{"deckId":14461774,"packId":21706159,"cardId":466595781},"returnTo":"/packs/21706159/subscribe"}' id='card-466595781'> <div class='header'> 90 </div> <div class='card-face question'> <div class='question-content'> Defines an independent, self-contained content </div> </div> <div class='card-face answer'> <div class='answer-content'> <article> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":91,"qSoundUrl":null,"resources":{"deckId":14461774,"packId":21706159,"cardId":466595605},"returnTo":"/packs/21706159/subscribe"}' id='card-466595605'> <div class='header'> 91 </div> <div class='card-face question'> <div class='question-content'> HTML .......... is data about the HTML document </div> </div> <div class='card-face answer'> <div class='answer-content'> metadata </div> </div> </div> </div> </div> </div> <div class='flashcards-sidebar'> <div class='sidebar-header'> <div class='react-component' id='flashcards-search-bar'> <div class='placeholder market-search-bar' id='flashcards-search-bar-placeholder'></div> </div> </div> <div class='sidebar-content'> <p class='deck-subject-heading'> <a class="decks-in-subject-link" href="/packs/web-21706159"><span class="pack-name">Web</span> (5 decks) </a></p> <ul class='deck-list-items'> <a class='deck-link ' href='/flashcards/week-4-14461525/packs/21706159'> <li class='deck-list-item'>Week 4</li> </a> <a class='deck-link selected' href='/flashcards/week-3-14461774/packs/21706159'> <li class='deck-list-item'>Week 3</li> </a> <a class='deck-link ' href='/flashcards/week-2-14462023/packs/21706159'> <li class='deck-list-item'>Week 2</li> </a> <a class='deck-link ' href='/flashcards/week-1-14462413/packs/21706159'> <li class='deck-list-item'>week 1</li> </a> <a class='deck-link ' href='/flashcards/drhazem-14465217/packs/21706159'> <li class='deck-list-item'>Dr.Hazem</li> </a> </ul> </div> </div> </div> <div id='tooltip-controller'></div> <div data='{"packId":21706159,"source":"spaced-repetition-modal","subject":"Web","resources":{"deckId":14461774,"packId":21706159},"returnTo":"/packs/21706159/subscribe"}' id='spaced-repetition-modal-controller'></div> <div id='banner-controller'></div> <div id='dialog-modal-controller'></div> <div class='band band-footer'> <div class='footer-main'> <ul class='sections'> <li class='section key-links'> <p class='section-heading'> Key Links </p> <ul class='options-list'> <li class='option'> <a id="footer-pricing-link" class="option-link" href="/pricing?paywall=upgrade">Pricing</a> </li> <li class='option'> <a class="option-link" href="/companies">Corporate Training</a> </li> <li class='option'> <a class="option-link" href="/teachers">Teachers & Schools</a> </li> <li class='option'> <a class="option-link" target="_blank" rel="nofollow noopener noreferrer" href="https://itunes.apple.com/us/app/brainscape-smart-flashcards/id442415567?mt=8">iOS App</a> </li> <li class='option'> <a class="option-link" target="_blank" rel="nofollow noopener noreferrer" href="https://play.google.com/store/apps/details?id=com.brainscape.mobile.portal">Android App</a> </li> <li class='option'> <a class="option-link" target="_blank" rel="noopener" href="https://www.brainscape.com/faq">Help Center</a> </li> </ul> </li> <li class='section subjects'> <p class='section-heading'> Subjects </p> <ul class='options-list'> <li class='option'> <a class="option-link" href="/subjects/medical-nursing">Medical & Nursing</a> </li> <li class='option'> <a class="option-link" href="/subjects/law">Law Education</a> </li> <li class='option'> <a class="option-link" href="/subjects/foreign-languages">Foreign Languages</a> </li> <li class='option'> <a class="option-link" href="/subjects-directory/a">All Subjects A-Z</a> </li> <li class='option certified-classes'> <a class="option-link" href="/learn">All Certified Classes</a> </li> </ul> </li> <li class='section company'> <p class='section-heading'> Company </p> <ul class='options-list'> <li class='option'> <a class="option-link" href="/about">About Us</a> </li> <li class='option'> <a target="_blank" class="option-link" rel="nofollow noopener noreferrer" href="https://brainscape.zendesk.com/hc/en-us/articles/115002370011-Can-I-earn-money-from-my-flashcards-">Earn Money!</a> </li> <li class='option'> <a target="_blank" class="option-link" href="https://www.brainscape.com/academy">Academy</a> </li> <li class='option'> <a target="_blank" class="option-link" href="https://brainscapeshop.myspreadshop.com/all">Swag Shop</a> </li> <li class='option'> <a target="_blank" rel="nofollow noopener" class="option-link" href="/contact">Contact</a> </li> <li class='option'> <a target="_blank" rel="nofollow noopener" class="option-link" href="/terms">Terms</a> </li> <li class='option'> <a target="_blank" class="option-link" href="https://www.brainscape.com/academy/brainscape-podcasts/">Podcasts</a> </li> <li class='option'> <a target="_blank" class="option-link" href="/careers">Careers</a> </li> </ul> </li> <li class='section find-us'> <p class='section-heading'> Find Us </p> <ul class='social-media-list'> <li class='option twitter-badge group'> <a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://twitter.com/Brainscape"><img data-src="/pks/images/shared/twitterx-af917e8b474ed7c95a19.svg" alt="twitter badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="24" height="24" /></a> </li> <li class='option linkedin-badge group'> <a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://www.linkedin.com/company/brainscape/"><img data-src="/pks/images/shared/linkedin-2f15819658f768056cef.svg" alt="linkedin badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="24" height="24" /></a> </li> <li class='option facebook-badge group'> <a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://www.facebook.com/Brainscape"><img data-src="/pks/images/shared/facebook-1598a44227eabc411188.svg" alt="facebook badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="24" height="24" /></a> </li> <li class='option youtube-badge group'> <a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://www.youtube.com/c/BrainscapeNY"><img data-src="/pks/images/shared/youtube-7f2994b2dc1891582524.svg" alt="youtube badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="24" height="24" /></a> </li> <li class='option pinterest-badge group'> <a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://www.pinterest.com/brainscape/"><img data-src="/pks/images/shared/pinterest-04f51aa292161075437b.svg" alt="pinterest badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="24" height="24" /></a> </li> <li class='option tiktok-badge group'> <a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://www.tiktok.com/@brainscapeu"><img data-src="/pks/images/shared/tiktok-644cf4608bd73fbbb24f.svg" alt="tiktok badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="24" height="24" /></a> </li> <li class='option insta-badge group'> <a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://www.instagram.com/brainscape/"><img data-src="/pks/images/shared/insta-210cc2d059ae807961d2.svg" alt="insta badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="24" height="24" /></a> </li> </ul> <div class='get-the-app'> <div class='qr-code'> <img data-src="https://www.brainscape.com/assets/cms/public-views/shared/shortio-from-homepage.png" alt="QR code" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="130" height="130" /> </div> <div class='app-badges'> <div class='badge apple-badge'> <a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://apps.apple.com/us/app/brainscape-smart-flashcards/id442415567"><img data-src="/pks/images/shared/apple-badge-b6e4f380fb879821d601.svg" alt="apple badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="124" height="50" /></a> </div> <div class='badge android-badge'> <a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://play.google.com/store/apps/details?id=com.brainscape.mobile.portal&utm_source=global_co&utm_medium=prtnr&utm_content=Mar2515&utm_campaign=PartBadge&pcampaignid=MKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1"><img data-src="/pks/images/shared/android-badge-a2251833dc7f6ca8879c.svg" alt="android badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="124" height="50" /></a> </div> </div> </div> </li> </ul> </div> <div class='footer-blurb'> Brainscape helps you reach your goals faster, through stronger study habits. <br> © 2025 Bold Learning Solutions. <a class="option-link" href="/terms">Terms and Conditions</a> </div> </div> <script> if (typeof window.__REACT_DEVTOOLS_GLOBAL_HOOK__ === 'object') { __REACT_DEVTOOLS_GLOBAL_HOOK__.inject = function() {}; } </script> <script> window.addEventListener('load', () => { setTimeout(() => { const script = document.createElement('script'); script.src = "/pks/js/public-flashcards-page-9140413b5150ce9700f9.js"; script.defer = true; document.body.appendChild(script); }, 0); }); </script> <script src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js" defer="defer"></script> <script> document.addEventListener("mainSharedready", () => { GaHelper.setGaDimension("dimension1","No"); }); </script> <script type='application/ld+json'> {"@context":"https://schema.org/","@type":"Quiz","about":{"@type":"Thing","name":"Week 3"},"hasPart":[{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"............ is also a percentage value, 0% is black, and 100% is white","acceptedAnswer":{"@type":"Answer","text":"Lightness"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Add ............ after autoplay=1 to let your video start playing automatically (but muted)","acceptedAnswer":{"@type":"Answer","text":"mute=1"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"With an .............., you can change the look of an entire website by changing just one file!","acceptedAnswer":{"@type":"Answer","text":"external style sheet"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"a type selector that if you had two elements that are siblings of an element, this rule would apply to both (h1~p{})","acceptedAnswer":{"@type":"Answer","text":"General Sibling"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"An ............ can be used as the target frame for a link","acceptedAnswer":{"@type":"Answer","text":"iframe"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Defines a set of navigation links","acceptedAnswer":{"@type":"Answer","text":""}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Defines a header for a document or a section","acceptedAnswer":{"@type":"Answer","text":""}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"........ is a degree on the color wheel from 0 to 360. 0 is red, 120 is green, and 240 is blue","acceptedAnswer":{"@type":"Answer","text":"Hue"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"the id selector is used to select more than one unique element! (T/F)","acceptedAnswer":{"@type":"Answer","text":"False"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"The ............ selects all the HTML elements with the same style definitions","acceptedAnswer":{"@type":"Answer","text":"grouping selector"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"You can let your video start playing automatically when a user visits the page, by adding autoplay=........... to the YouTube URL.","acceptedAnswer":{"@type":"Answer","text":"1"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"a type selector that targets all elements on the page","acceptedAnswer":{"@type":"Answer","text":"Universal selector ( )"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"a type selector that targets any element whose class attribute has a value of note","acceptedAnswer":{"@type":"Answer","text":"Class Selector (.classsname)"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Each parameter (red, green, and blue) defines the intensity of the color with a value between 0 and ............","acceptedAnswer":{"@type":"Answer","text":"255"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"In HTML, a color can be specified using hue, saturation, and lightness (..........) in the form: hsl(hue, saturation, lightness)","acceptedAnswer":{"@type":"Answer","text":"HSL"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"HTML has a much wider array of attributes than CSS (T/F)","acceptedAnswer":{"@type":"Answer","text":"False"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"If you are using CSS, you do not need to write HTML tag attributes every time (T/F)","acceptedAnswer":{"@type":"Answer","text":"True"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"The .......... selects HTML elements with a specific class attribute","acceptedAnswer":{"@type":"Answer","text":"class selector"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":".......... is a percentage value, 0% means a shade of gray, and 100% is the full color","acceptedAnswer":{"@type":"Answer","text":"Saturation"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"The ........... element is a container for metadata (data about data)","acceptedAnswer":{"@type":"Answer","text":""}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"In HTML, a color can be specified using a .......... value in the form: #rrggbb","acceptedAnswer":{"@type":"Answer","text":"hexadecimal"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"To display ............., set all color parameters to ff, like this: #ffffff","acceptedAnswer":{"@type":"Answer","text":"white"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"......... are assigned to properties","acceptedAnswer":{"@type":"Answer","text":"Values"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Metadata is not displayed (T/F)","acceptedAnswer":{"@type":"Answer","text":"True"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"To play an audio file in HTML, use the .......... element","acceptedAnswer":{"@type":"Answer","text":""}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"To display .............., set all color parameters to 0, like this: rgb(0, 0, 0)","acceptedAnswer":{"@type":"Answer","text":"black"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"a type selector that targets the first element after any element (but not other elements) (h1+p{})","acceptedAnswer":{"@type":"Answer","text":"Adjacent Siblings"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"The ................ element allows you to specify alternative video files which the browser may choose from","acceptedAnswer":{"@type":"Answer","text":""}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"In HTML, a color can be specified as an ................, using this formula: rgb(red, green, blue)","acceptedAnswer":{"@type":"Answer","text":"RGB value"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"CSS is the acronym for \"..............\"","acceptedAnswer":{"@type":"Answer","text":"Cascading Style Sheet"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"............ could be any tag like or etc","acceptedAnswer":{"@type":"Answer","text":"selector"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"A ............ is a type of attribute of HTML tag","acceptedAnswer":{"@type":"Answer","text":"property"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"The ......... uses the id attribute of an HTML element to select a specific element","acceptedAnswer":{"@type":"Answer","text":"id selector"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"a type selector that targets all element whose id attribute has a value of introduction (#introduction)","acceptedAnswer":{"@type":"Answer","text":"ID selector"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"The metadata will not be displayed on the page, but are used by browsers (how to display content or reload page), by search engines (keywords), and other web services (T/F)","acceptedAnswer":{"@type":"Answer","text":"True"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"............. is the browser window size","acceptedAnswer":{"@type":"Answer","text":"Viewport"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"a type selector that targets the , , and elements","acceptedAnswer":{"@type":"Answer","text":"Type Selector"}}],"educationalAlignment":[{"@type":"AlignmentObject","alignmentType":"educationalSubject","targetName":"Week 3"}]} </script> </body> </html>