HTML 2 practice
d
An order form contains an area for web visitors to select their state or province. You need to limit the amount of space on the form that is used for this feature. Select the form control that is best to use for this purpose. a. check box b. radio button c. text box d. select list
b
Select the value of the type attribute that configures an HTML5 slider control. a. spinner b. range c. number d. input
c
Select the value of the type attribute that configures an HTML5 spinner control. a. spinner b. range c. number d. input
d
The CSS opacity property configures the display of _____________ a. only the background b. only the text c. neither the text or the background d. both the text and the background
a
The CSS3 _______ property configures the transparency of an element. a. opacity b. transparency c. background-opacity d. opacity-background
c
The HTML5 _____________ form control provides the user with a selection of choices along with an option to enter information. a. select list b. check box c. datalist d. slider
a
Which of the following is used along with the width property to configure centered page content? a. margin-left: auto; margin-right: auto b. margin: top-10, left-0, right-0, bottom-10; c. margin: 15px 0 5px 0; d. margin: 20px;
a
Which of the following, from outermost to innermost, are components of the box model? a. margin, border, padding, content b. content, padding, border, margin c. content, margin, padding, border d. margin, padding, border, content
c
Which operator is used to assign a value to a variable? a. - b. x c. = d. *
b
Which statement overwrites the entire document? a. Writing into an alert box, using window.alert(). b. Writing into the HTML output using document.write(). c. Writing into an HTML element, using innerHTML. d. Writing into the browser console, using console.log().
b
_________________ is a standard method or protocol for web pages to request special processing on the web server, such as database queries, sending e-mails, or handling form data. a. fieldset b. Common Gateway Interface c. JavaScript d. MIME
c
__________________ will cause an object not to display. a. display: block; b. display: 0px; c. display: none; d. display: fixed;
d
A _________________ is a smooth blending of shades from one color to another. a. transition b. transform c. shadow d. gradient
b
Choose the HTML tag below that would configure a scrolling text box with the name "feedback", 3 rows, and 60 characters. a. <textarea name="feedback" width="60" rows="3"></textarea> b. <input type="textarea" name="feedback" size="60" rows="3" > c. <textarea name="feedback" rows="3" cols="60"></textarea> d. none of the above
a
Choose the attribute selector below that will target submit buttons. a. input[type="submit"] b. submit c. submit[input] d. input.submit
c
Choose the item below that is not a valid value for the input element's type attribute. a. radio b. url c. e-mail d. text
b
How can you add a comment in a JavaScript? a. 'This is a comment b. //This is a comment c. <!--This is a comment-->
a
How do you create a function in JavaScript? a. function myFunction() b. function = myFunction() c. function:myFunction()
a
How do you declare a JavaScript variable? a.var carName; b variable carName; c. v carName;
a
How do you write "Hello World" in an alert box? a.alert("Hello World"); b. alertBox("Hello World"); c. msgBox("Hello World"); d. msg("Hello World");
b
How would you configure a hyperlink from the index.html file to another file named services.html which is located in a subfolder named categories? a. <a href="../categories/services.html">Services</a> b. <a href="categories/services.html">Services</a> c. <a href="services.html">Services</a> d. <a>Services</a>
d
If an element is configured with ___________ the other content on the page will appear to its left. a. position: left; b. position: relative; c. float :left; d. float: right;
d
Inside which HTML element do we put the JavaScript? a.<js> b.<javascript> c.<scripting> d.<script>
Yes
Is JavaScript case-sensitive? Yes No
b
Select the HTML below that would associate a label displaying the text "Phone" with the text box named customerPhone. a. Phone: <input type="textbox" name="customerPhone"> b. <label>Phone: <input type="text" name="customerPhone"></label> c. <label for="Phone">Phone: </label><input type="text" name="Phone" id="customerPhone"> d. <label>Phone:</label> <input type="text" name="customerPhone">
a
Select the HTML code to configure a button that, when clicked, will automatically reset form fields to their default values. a. <input type="reset"> b. <input type="submit" value="Reset"> c. <reset> d. <form action="reset">
b
Select the HTML tag below that configures a textbox named "email" that is 40 characters wide. a. <input type="text" id="email" width="40" > b. <input type="text" name="email" cols="40" > c. <input type="text" name="email" space="40" > d. <input type="text" width="40" >
a
Select the attribute used to configure the width of a text box as displayed in a browser. a. size b. maxsize c. limit d. columns
b
Select the attribute used to limit the number of characters that a text box will accept. a. size b. maxlength c. limit d. columns
b
Select the element used to visually group a number of form controls. a. group b. fieldset c. form d. label
a
Select the example below that could be used to clear a right float. a. clear: right; b. clear: left; c. right: clear; d. overflow: right;
b
Select the form control below that does not use the input element. a. text box b. select list c. checkbox d. radio button
c
Select the form control below that would be most appropriate to accept free-form comments about your website. a. select list b. text box c. scrolling text box d. None of the above
a
Select the form control from the choices below that may be used to submit a form a. <input type="submit"> b. <submit></submit> c. <input type="form" value="submit"> d. <select option="submit">
c
Select the property that is useful to remove the underline from a hyperlink. a. font-style b. underline c. text-decoration d. u
c
Select the statement below that is true about forms. a. The form element is optional b. It is recommended to use mailto: as the action on a form since that is the easiest for the web developer c. A form can be used to pass information to a program or script on the web server d. none of the above is true
d
Select the true statement from the choices below. a. A scrolling text box is created using an input element with type="textarea". b. A text box is created using an input element with type="box". c. A select list is created using select and input elements. d. A scrolling text box is created using a textarea element.
c
Select the true statement from those listed below. a. The input element with type="email" will cause all browsers to edit for a valid e-mail address. b. The required attribute will cause all browsers to verify that the user has entered information into the form control. c. The input element with type="date" will cause all browsers to display a calendar control d. The input element with type="email" will cause browsers that do not support the attribute to display a text box.
b
Select the type of form control that "disguises" the characters that are typed. a. text box b. password box c. encrypt box d. hidden box
a
The _______ is between the padding and the margin. a. border b. spacing c. padding d. content
c
The _______ is the area between the content and the border. a. border b. spacing c. padding d. margin
c
The ___________________ property configures a shadow effect on the text displayed within an element. a. box-shadow b. linear-gradient c. text-shadow d. shadow
b
The default value for the border property for an element is: a. 1 pixel b. 0 pixels c. 3 pixels d. 10 pixels
false
The external JavaScript file must contain the <script> tag. True False
c
The letters in the acronym HSLA indicate: a. hue, selection, lightness, alpha b. hue, saturation, luminosity, alpha c. hue, saturation, lightness, alpha d. hue, shade, luminosity, alpha
d
The purpose of the __________ element is to configure a label for a fieldset element. a. label b. p c. form d. legend
d
Use ___________ positioning to configure the location of an element to remain the same and to not move even when the web page is scrolled within the browser viewport. a. absolute b. static c. relative d. fixed
c
Use ___________ positioning to slightly change the location of an element in relation to where it would otherwise appear when rendered by a browser. a. absolute b. static c. relative d. fixed
a
Use ____________ positioning to precisely configure the location of an element outside of normal flow. a. absolute b. static c. relative d. fixed
b
Which of the following configures padding for an element with the following values: top padding 0 pixels, left padding 10 pixels, right padding 10 pixels, bottom padding 20px? (top right bottom left) a. padding: 0px 10px 20px 10px; b. padding: 0 10px 20px 10px; c. padding: 10xp 20px; d. padding: 20px 10px 10px 0px;
a
Use the _____ attribute on the form element to specify the name and location of the script that will process the form control values. a. action b. process c. method d. none of the above
c
Use the _______ property to configure a linear gradient. a. linear-gradient b. background-color c. background-image d. opacity
c
Use the __________ property to configure a minimum width for an element a. width b. minimum-width c. min-width d. m-width
b
Use the ________________ property to configure rounded corners with CSS. a. border-round b. border-radius c. box-shadow d. background-corner
b
Use the ________________ property to confine the display of the background image. a. background-image b. background-clip c. background-origin d. background-size
d
Use the ___________________ property to resize or scale the background image. a. background-image b. background-clip c. background-origin d. background-size
a
What attributes are valid for the select element? a. name, id, multiple b. name, id, multiple, rows, cols c. name, id, multiple, selected d. name, id, multiple, checked
d
What is the correct JavaScript syntax to change the content of the HTML element below? <p id="demo">This is a demonstration.</p> a. document.getElement("p").innerHTML = "Hello World!"; b. document.getElementByName("p").innerHTML = "Hello World!"; c. #demo.innerHTML = "Hello World!"; d. document.getElementById("demo").innerHTML = "Hello World!";
b
What is the correct syntax for referring to an external script called "xxx.js"? a. <script href="xxx.js"> b. <script src="xxx.js"> c. <script name="xxx.js">
a
When configuring a radio button form control, the value of the ______ of each radio button must be the same a. name b. id c. value d. none of the above
b
When configuring the background color of an element, the background color is applied to both the content and ______ areas. a. border b. padding c. margin d. extra
d
When using the box model, the _____ is always transparent. a. border b. content c. spacing d. margin
a
Where is the correct place to insert a JavaScript? a. Both the <head> section and the <body> section are correct b. The <head> section c. The <body> section
c
Which event occurs when the user clicks on an HTML element? a. onchange b. onmouseover c. onclick d. onmouseclick
b
Which of the following configures a 1 pixel, solid black border for an element? a. border-all: #000000; b. border: 1px solid #000000; c. border-style: 1px solid #000000; d. border-top: 1px solid #000000;
c
Which of the following configures a margin for an element with the following values: top margin 30 pixels, left margin 150 pixels, right margin 0 pixels, and bottom margin 0 pixels? a. margin: 150px 20px 0 300px; b. margin: top-30, left-150, right-0, bottom-0; c. margin: 30px 0 0 150px; d. margin: 30px 150px 0 0;
d
Which of the following is NOT a valid value for the border-style property? a. dashed b. groove c. solid d. triple
a
You would like to conduct a survey and ask your web page visitors to indicate the computer operating systems that they use. Each visitor could use more than one computer operating system. Select the form control that is best to use for this purpose. a. check box b. radio button c. text box d. scrolling text box
d
_________ flow displays the elements on the page in the order they appear in the web page source code. a. default b. source code c. browser d. normal