Deck 10: Using Javascript With Styles

Question 1

If a JavaScript event occurs in one frame and affects an object or element in a different frame,the code can often be kept to its simplest form if it is defined in the ____ frameset file.

A) bottom-level
B) top-level
C) key
D) first

Answer 1

B

Question 2

Applying a style to an HTML tag is one of the least common ways in which styles are applied.

Answer 2

False

Question 3

Whenever you add JavaScript functions to a frame-based Web page,you must decide in which file the JavaScript code should reside.

Answer 3

True

Question 4

You can define different style attributes in a style class within a Cascading Class Sheet.____________________

Question 5

If you invoke the setTimeout()method to go to sleep for 1500 milliseconds,this is equal to 1.5 seconds.____________________

Question 6

When assigning an id to an HTML element,there is a corresponding JavaScript method called ____ that must be invoked for your JavaScript code to access it by id.

A) getElementByClass()
B) getElementByCode()
C) getElementByName()
D) getElementById()

Question 7

The getElementById()method accepts a single parameter that is,predictably,the id of the HTML element you want to access.

Question 8

If you create a simple HTML document to display a phrase,before the browser can render this phrase,it must first determine the current font family,font size,font color,and other attributes.____________________

Question 9

One good example of a popular document viewer is Apple Reader,which has been available as a standalone and browser-based PDF document viewer for many years.

Question 10

Within a CSS,the style class is applied,by means of the appearance attribute,to an HTML element,and all of the attributes in the class take effect simultaneously.____________________

Question 11

If you want to modify the style of a particular HTML element,it is necessary to assign a(n)____ to the element.

A) name
B) id
C) frameset
D) placeholder

Question 12

Most document viewers display a visual representation of a PDF document on the left side of your screen.____________________

Question 13

An element's ____ functions much the same as a tag's name attribute.

A) sequence
B) code
C) keyword
D) id

Question 14

Before you can write JavaScript code that affects the style of a Web page,you must first identify the HTML element that must be modified.

Question 15

As a general rule,you need two lines of JavaScript code for each style attribute you want to change.

Question 16

You can define no more than five style classes within a CSS.

Question 17

If you have a JavaScript event that occurs in one frame and the effect of the event is only seen within the same frame,then your JavaScript code should reside ____.

A) in the same frame file
B) in a separate frame file
C) in a separate file that has nothing to do with the frame
D) any of the above

Question 18

Only one software publishing company has developed and distributed a document viewer over the past few decades.

Question 19

Whenever the browser displays text on the screen,there are always many style attributes that must be taken into account because they affect the appearance of the text.

Question 20

The JavaScript getElementsByTagName()method can be used to reference an array of HTML elements to which a cascading style has been applied.

Question 21

The correct code to establish a drop-down selection for cell color is ____. < font size="2">Cell Color:< /font>< br>
< select name="CellColor">
____
< option value="black">Black< /option>
< option value="red">Red< /option>
< option value="green">Green< /option>
< option value="blue">Blue< /option>
< option value="white">White< /option>
< /select>

A) < select value="">- select -< /select>
B) < option name="">- select -< /option>
C) < select value="">- option -< /select>
D) < option value="">- select -< /option>

Question 22

The correct code for a horizontal rule with width set at 50% is ____.

A) < hrule style="width:50%" />
B) < hr style="width:50%" />
C) < hrule style="w:50%" />
D) < hr style="w:50%" />

Question 23

The correct code to establish a drop-down selection for text color is ____. < font size="2">Text Color:< /font>< br>
< select name="TextColor">
____
< option value="black">Black< /option>
< option value="red">Red< /option>
< option value="green">Green< /option>
< option value="blue">Blue< /option>
< option value="white">White< /option>
< /select>

A) < select value="">- select -< /select>
B) < option name="">- select -< /option>
C) < select value="">- option -< /select>
D) < option value="">- select -< /option>

Question 24

The correct code to add hyperlink tags to an unordered list of headings is < li>< ____="javascript:top.locate('pictures')">Perfect Pictures< /a>< /li>

A) a link
B) a href
C) a jump
D) a name

Question 25

Case 10-1
Laura is working with JavaScript and HTML to add some functionality to her Web site. She needs to add id attributes to her < div> and < td> tags.
The correct snippet of code Laura should use to add the id "MessageText" to a < div> tag is ____.

A) < div id="MessageText" style="color:black">
B) < id> < div="MessageText" style="color:black">
C) < id div="MessageText" style="color:black">
D) < div>< id="MessageText" style="color:black">

Question 26

Referring to the code below,the file that will load in the frame named LeftFrame is ____. < frameset cols="20%,*">
< frame name="LeftFrame" src="left1.html">
< frame name="RightFrame" src="right1.html">
< /frameset>

A) right1.html
B)left1.html
C)both a.and b.
D)neither a.nor b.

Question 27

The code below ____: < frameset cols="20%,*">
< frame name="LeftFrame" src="left1.html">
< frame name="RightFrame" src="right1.html">
< /frameset>

A) defines a simple frameset
B)contains two vertical frames
C)both a.and b.
D)neither a.nor b.

Question 28

The code below shows an id ____ that has been added to an < h2> element. < h2 id="pictures">< a name="pictures">Perfect Pictures< /a>< /h2>

A) event
B) attribute
C) behavior
D) file

Question 29

The name of the control below is ____. < font size="2">Text Color:< /font>< br>
< select name="TextColor">

A) Text Color:
B) TextColor
C) 2
D) select name

Question 30

Case 10-1
Laura is working with JavaScript and HTML to add some functionality to her Web site. She needs to add id attributes to her < div> and < td> tags.
Laura successfully adds an id attribute to her < td> tag,which controls a(n)____.

A) table row
B) table column
C) table cell
D) entire table

Question 31

Case 10-2
Peter is fixing some code written by another employee. First he is working on understanding the current code.
< head>
< title>HTML and JavaScript< /title>
< style type="text/css">
h1 {color:red}
h2 {color:blue}
h3 {color:purple}
p {color:black}
< /style>
< /head>
Peter also concludes that the heading with the largest type will be ____.

A) purple
B) blue
C) black
D) red

Question 32

The name of the control below is ____. < font size="2">Cell Color:< /font>< br>
< select name="CellColor">

A) Cell Color:
B) CellColor
C) 2
D) select name

Question 33

The code below establishes a button labeled ____. < p>
< input type="button" value="Apply Style">
< /p>

A) button
B) button value
C) Apply Style
D) none of the above

Question 34

Case 10-2
Peter is fixing some code written by another employee. First he is working on understanding the current code.
< head>
< title>HTML and JavaScript< /title>
< style type="text/css">
h1 {color:red}
h2 {color:blue}
h3 {color:purple}
p {color:black}
< /style>
< /head>
The HTML ____________________ attribute can be applied to virtually any HTML tag to describe how you want the Web browser to display that portion of the Web page.

Question 35

FIGURE 10-1


In the code shown in Figure 10-1 above,the phrase "Hello World Wide Web!" appears ____.

A) as the title above the table
B) as the footnote below the table
C) in the upper table cell
D) in the lower table cell

Question 36

FIGURE 10-1


Referring to Figure 10-1 above,the style attribute of the second table cell initially sets the background color to ____.

A) white
B)black
C)either a.or b.
D)neither a.nor b.

Question 37

Case 10-2
Peter is fixing some code written by another employee. First he is working on understanding the current code.
< head>
< title>HTML and JavaScript< /title>
< style type="text/css">
h1 {color:red}
h2 {color:blue}
h3 {color:purple}
p {color:black}
< /style>
< /head>
After reviewing the code,Peter determines that the Web page contains a ____ style definition.

A) classy
B) cascading
C) computer
D) client

Question 38

The correct code to implement a background color on a page,with the color given in a hexadecimal number,would be ____.

A) < body style="background-color:#E6E6FA">
B) < body style="background:#E6E6FA">
C) < body style="background-color:#E6">
D) < body style="background:#E6E6">

Question 39

The code below adds an OnClick ____. < input type="button" value="Apply Style"
OnClick="top.apply_style()">

A) attribute
B) behavior
C) style
D) event

Question 40

FIGURE 10-1


Referring to Figure 10-1 above,the text color of the phrase "Hello World Wide Web!" is ____.

A) white
B)black
C)either a.or b.
D)neither a.nor b.

Question 41

Case 10-2
Peter is fixing some code written by another employee. First he is working on understanding the current code.
< head>
< title>HTML and JavaScript< /title>
< style type="text/css">
h1 {color:red}
h2 {color:blue}
h3 {color:purple}
p {color:black}
< /style>
< /head>
The term ____________________ simply means to display with the proper attributes applied.

Question 42

Case 10-2
Peter is fixing some code written by another employee. First he is working on understanding the current code.
< head>
< title>HTML and JavaScript< /title>
< style type="text/css">
h1 {color:red}
h2 {color:blue}
h3 {color:purple}
p {color:black}
< /style>
< /head>
A(n)____________________ in style terminology is just an HTML tag,and once you have identified the one you need to modify,you must make it accessible to JavaScript by assigning it an identifying name by means of the id attribute.

Question 43

MATCHING
Identify the letter of the choice that best matches the phrase or definition.
a.< hr />
b.< hr style="width:25%;height:20px" />
c.< hr style="width:50%" />
d.h6 {color:blue}
e.h1 {color:blue}
Blue heading,largest text

Question 44

Case 10-2
Peter is fixing some code written by another employee. First he is working on understanding the current code.
< head>
< title>HTML and JavaScript< /title>
< style type="text/css">
h1 {color:red}
h2 {color:blue}
h3 {color:purple}
p {color:black}
< /style>
< /head>
A style ____________________ is a simple tool that allows users to specify a style,apply the style,and then view the results.

Question 45

MATCHING
Identify the letter of the choice that best matches the phrase or definition.
a.< hr />
b.< hr style="width:25%;height:20px" />
c.< hr style="width:50%" />
d.h6 {color:blue}
e.h1 {color:blue}
Blue heading,smallest text

Question 46

MATCHING
Identify the letter of the choice that best matches the phrase or definition.
a.< hr />
b.< hr style="width:25%;height:20px" />
c.< hr style="width:50%" />
d.h6 {color:blue}
e.h1 {color:blue}
Horizontal Rule,width set at 50%

Question 47

MATCHING
Identify the letter of the choice that best matches the phrase or definition.
a.< hr />
b.< hr style="width:25%;height:20px" />
c.< hr style="width:50%" />
d.h6 {color:blue}
e.h1 {color:blue}
Horizontal rule,without attributes and values

Question 48

MATCHING
Identify the letter of the choice that best matches the phrase or definition.
a.< hr />
b.< hr style="width:25%;height:20px" />
c.< hr style="width:50%" />
d.h6 {color:blue}
e.h1 {color:blue}
Horizontal Rule,width set at 25% and height set at 20 pixels

Question 49

Case 10-2
Peter is fixing some code written by another employee. First he is working on understanding the current code.
< head>
< title>HTML and JavaScript< /title>
< style type="text/css">
h1 {color:red}
h2 {color:blue}
h3 {color:purple}
p {color:black}
< /style>
< /head>
The ____________________ property simply contains the URL of the current HTML document.

Question 50

MATCHING
Identify the letter of the choice that best matches the phrase or definition.
a.< hr />
b.< hr style="width:25%;height:20px" />
c.< hr style="width:50%" />
d.h6 {color:blue}
e.h1 {color:blue}
Imagine you are a Web designer for a popular local band.You are assigning style attributes to font-related HTML tags.Name three font attributes you would want to control,what style you would make them,and why.