Web Design Quiz - Chapter 5,6,&9
Choose the HTML5 element below that is used to configure an area on a web page that can stand on its own and could potentially be syndicated.
article
The ________ HTML5 element is used to tangential or supplemental content.
aside
Select the HTML tag below that configures a button that, when clicked, will automatically reset form fields to their default values.
both <input type="reset"> and <button type="reset">Reset</button>
Use the ________ or ________ property to clear a float.
clear or overflow
Select the example below that could be used to clear a right float.
clear: right;
The ________ pseudo-class configures the appearance of the hyperlink before it is clicked.
link
Set list-style-type to the value ________ to hide the display of the list markers on an ordered list.
none
Select the value of the type attribute that configures an HTML5 spinner control.
number
Choose the example below of a descendant selector that configures the anchor tags within the element assigned to the an id named special.
#special a
Select the tag used to visually group a number of form controls.
<form>
Select the form control from the choices below that may be used to submit a form.
<input type="submit" >
Select the HTML tag below that configures a textbox with the name "email" and a width of 40 characters.
<input type="text" name="email" size="40" >
The purpose of the ________ is to configure a label for a <fieldset>.
<legend>
Choose the HTML tag below that would configure a scrolling text box with the name "feedback", 3 rows, and 60 characters.
<textarea name="feedback" rows="3" cols="60"></textarea>
Select the statement below that is true about forms.
A form can be used to pass information to a program or script on the web server.
________ 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.
Common Gateway Interface
Select the example below that configures a container to clear all floated elements that are within the container.
overflow: auto;
The ________ is the area between the content and the border.
padding
When configuring the background color of an element, the background color is applied to both the content and ________ areas.
padding
The box model consists of a content area surrounded by:
padding, border, and margin
Select the type of form control that "disguises" the characters that are typed.
password
Use the ________ property along with the left, right and/or top property to precisely configure the position of an element.
position:absolute;
Select the value of the type attribute that configures an HTML5 slider control.
range
Choose the item below that is not an HTML5 element.
wrapper
The ________ HTML5 element is used to configure the top logo area on a web page.
header
The ________ pseudo-class configures the styles that will apply when the mouse is on a hyperlink.
hover
When using the box model, the ________ is always transparent.
margin
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?
margin:30px 0 0 150px;
Select the attribute used to limit the number of characters that a text box will accept.
maxlength
When configuring a group of radio button form controls, the value of the ________ attribute on each radio button must be the same.
name
What attributes are valid for the <select> tag?
name, id, multiple, selected
The ________ HTML5 element is used to configure the main navigation area on a web page.
nav
Choose the example below of a descendent selector that configures the anchor tags with the nav element.
nav a
Use an id to configure a style when:
the style will apply to only one element on a page.
The CSS to create the class called myfloat that floats to the right of the other page content, has a 10px margin, and a solid border is:
.myfloat { float:right; margin:10px; border: 1px solid #000000; }
Choose the example below that configures a comment in CSS.
/* comment */
The default value for the border property for an element is:
0 pixels
Select the true statement from the choices below.
None of these statements are true.
________ flow displays the elements on the page in the order they appear in the web page source code.
Normal
Select the true statement from those listed below.
The input element with type="email" will cause browsers that do not support the attribute to display a text box.
Use the ________ attribute on the <form> tag to specify the name and location of the script that will process the form control values.
action
Select the HTML below that would associate a label displaying the text "Phone" with the text box named customerPhone.
both <label>Phone: <input type="text" name="customerPhone" ></label> and <label for="Phone">Phone: </label><input type="text" name="customerPhone" id="Phone" >
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.
check box
To apply a style to one or more elements on a web page, configure a CSS ________.
class
The HTML5 ________ form control provides the user with a selection of choices along with an option to enter information.
datalist
Choose the item below that is not a valid value for the input element's type attribute.
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.
fixed
If an element is configured with ________ the other content on the page will appear to its left.
float:right;
From the choices below select the correct order to code CSS pseudo-classes.
link, visited, hover, active
Use the ________ property to configure an image to use as a bullet point in an unordered list.
list-style-image
Use ________ positioning to slightly change the location of an element in relation to where it would otherwise appear when rendered by a browser.
relative
Select the form control below that would be appropriate to accept comments about your website.
scrolling text box
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.
select list
Select the form control below that does not use the <input> tag.
select list
Select the attribute used to limit the width of a text box as displayed in a browser.
size
