Question 1

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>

Accepted Answer

Option D provides the correct syntax for an empty default option in the drop-down menu. The value attribute should be left empty, and the text for the default option should be "- Select -" or a similar message prompting users to make a selection. Option A, C, and B are incorrect because they do not follow the correct syntax for creating a drop-down selection.

Question 2

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

Accepted Answer

The correct code for horizontal rule is

and we can set the width using the style attribute and specifying the width in percentage using the value "50%". Therefore, the correct code is

. Option A and C are incorrect as "hrule" is not a valid HTML tag, and the width attribute should be specified in full as "width" and not abbreviated as "w". Option D is incorrect for the same reason as A and C, and also because "w" is not a valid value for the style attribute.

Question 3

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>

Accepted Answer

The correct code to add a default or placeholder option in a drop-down selection is by using an `<option>` tag with an empty `value` attribute. This allows for a non-selectable default state that prompts the user to make a selection.

Question 4

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

Accepted Answer

The correct code to add hyperlink tags to an unordered list of headings is "

Link Text

". So, in this case, the correct code would be "

Perfect Pictures

".

Question 5

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

Accepted Answer

To add an id attribute to a < div> tag in HTML, the correct format is < div id="idName">. Choice A correctly follows this format and adds the id attribute "MessageText" to the < div> tag.

Question 6

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>

Accepted Answer

The source file for the frame named LeftFrame is "left1.html", as shown in the code <frame name="LeftFrame" src="left1.html">. Therefore, the file that will load in the frame named LeftFrame is "left1.html".

Question 7

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

Accepted Answer

The code defines a frameset with two frames, one on the left with a width of 20% and one on the right with the remaining width. This results in a vertical split of the page. Therefore, both options A and B are correct, making option C the best choice.

Question 8

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

Accepted Answer

The id in this code is an attribute that has been added to the <h2> element.

Question 9

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

Accepted Answer

The correct answer is "TextColor" because it is the value assigned to the name attribute within the <select> tag, indicating the control's name.

Question 10

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)____.

Accepted Answer

The <td> tag is used to define table cells, so by adding an id attribute to it, Laura is able to control that specific cell within the table.

Question 11

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

Accepted Answer

The heading with the largest type is typically the h1 tag, which is styled to be red according to the CSS rules provided.

Question 12

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

Accepted Answer

The name of the control is "CellColor", and option B is the only one that includes this name without extra characters or incorrect syntax. Option A includes extra characters ("Cell Color:"), option C is just a number, and option D includes "select name" which is not relevant to identifying the control.

Question 13

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

Accepted Answer

The value attribute of the input element specifies the text to be displayed on the button, which in this case is "Apply Style".

Question 14

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.

Accepted Answer

The answer of Case 10-2
Peter is fixing some code written...

Question 15

FIGURE 10-1

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

Accepted Answer

The phrase "Hello World Wide Web!" appears in the lower table cell.

Question 16

FIGURE 10-1

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

Accepted Answer

The style attribute of the second table cell initially sets the background color to white (#FFFFFF).

Question 17

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.

Accepted Answer

The style definition in the code is a cascading style sheet (CSS) which is used to define various styles for HTML elements.

Question 18

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

Accepted Answer

Option B is the best choice because it uses shorthand notation for setting the background color using hexadecimal notation. The three-digit hexadecimal code represents the Red, Green, and Blue (RGB) values for the color. In this case, #E6E6FA represents a light shade of lavender. The shorthand notation 'background: #' is shorter and easier to write/read than the longer 'background-color: #' format.

Question 19

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

Accepted Answer

The code is adding an event, specifically an onclick event, which will trigger the function top.apply_style() when the button is clicked.

Question 20

FIGURE 10-1

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

Accepted Answer

The answer of FIGURE 10-1

-Referring to Figure...

Quiz 10: Using Javascript With Styles

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

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

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

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>

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

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

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

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) ____.

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

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

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

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

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

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

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