web dev INF286 ch6-10 Midterm 2
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
Which of the following CSS3 pseudo-elements could be used to apply styles to the last row of a table?
:last-of-type
Which of the following CSS3 pseudo-elements will be useful when configuring every other row of a table?
:nth-of-type(n)
How would you link to the named fragment #school on the page resume.html from the home page of the site?
<a href="resume.html#school">Educational Background</a>
The purpose of the ________ element is to describe the contents of a table.
<caption>
How would you define a fragment identifier at the top of a page, called "top"?
<div id="top">
Select the tag used to visually group a number of form controls.
<fieldset>
Select the example below that could be used to clear a right float.
clear: right;
The ________ determines appropriate use of graphics on the site, creates and edits graphics.
graphic designer
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
Select the form control below that would be appropriate to accept comments about your website.
scrolling text box
Use an id to configure a style when:
the style will apply to only one element on a page.
What is the purpose of the :content pseudo-element?
to generate content that is added to the web page document
Choose the item below that is not an HTML5 element.
wrapper
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 */
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>
Use the headers attribute on the ________ tag to correspond to the id attribute on a <th> tag.
<td>
________ 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
In the ________ Phase a prototype of the website will often be created.
Design
Select an activity of the Evaluation Phase.
Determine if the goals for the website have been met.
Is the following code valid in HTML5? <table border="1" cellspacing="5" cellpadding="5">
No, the cellspacing and cellpadding attributes are obsolete.
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
A long-standing methodology used to develop information systems is the
System Development Life Cycle
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.
A benefit of using the CSS Sprites technique is to decrease the number of HTTP request calls to the web server.
True
It is possible to use CSS to configure page breaks in a printed web page.
True
It is recommended to register multiple domain names for a website.
True
The CSS border-spacing property can be used to configure the horizontal and vertical spacing of table borders.
True
The CSS vertical-align property can be used to configure the vertical alignment of the contents of a table cell.
True
The ________ focuses on the user's experience with the website.
UX designer
Select a recommendation for mobile web design from the choices listed below.
Use percentage or em units for font sizes. Use a single column page layout.
________ is appropriate for the initial web presence of an organization.
Virtual hosting
Choose the best answer below to the following question: Is the following CSS code valid? table { border: 2px #000000 solid; border-collapse: collapse; }
Yes.
The methodology used by web project teams is usually:
a derivative of the SDLC similar to the one discussed in this chapter
Use the ________ attribute on the <form> tag to specify the name and location of the script that will process the form control values.
action
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
The table element's ________ attribute is valid when using HTML5 syntax.
border
Use the ________ attribute to configure the width of a table border.
border
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" >
The ________ operating system(s) treat uppercase and lowercase letters differently.
both UNIX and Linux
Before selecting a web host provider, it is a good idea to:
both try to contact their technical support and carefully read their service level agreement
The HTML5 ________ form control provides the user with a selection of choices along with an option to enter information.
datalist
A ________ involves the exclusive use of a rented computer and connection to the Internet that is housed in the web hosting company's premises.
dedicated web server
Select the items involved in the role of an information architect.
defining the site organization, navigation, and labeling
________ will cause an object not to display
display: none;
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
Which CSS property configures multiple lines in a flex container?
flex-wrap
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
Include the keyword ________ in a media query to cause older, non-supporting browsers to ignore the media query.
only
An alternative to creating all or part of a website within your organization is to use:
outsourcing
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
Use the CSS ________ property to configure the cellpadding of a table.
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 form control below that does not use the <input> tag.
select list
A ________ is a word, phrase, symbol, or design that identifies and distinguishes the source of the goods of one party from those of others.
trademark
The type of testing that observes how actual web page visitors use a website is called:
usability testing.
To configure the table cells to share a common border and eliminate the default space between table cells configure ________.
border-collapse: collapse;
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>
Which of the following CSS3 properties position the caption of a table?
caption-side
An HTML table is comprised of ________.
rows and columns
Select the attribute used to limit the width of a text box as displayed in a browser.
size
What is the term used to describe image file that contains multiple small graphics?
sprite
Use the ________ or ________ property to clear a float.
clear or overflow
The ________ pseudo-class configures the appearance of the hyperlink before it is clicked.
link
Which of the following CSS3 properties configure the alignment of text within a table?
text-align
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 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>
Use the ________ tag pair to configure a table footer row group.
<tfoot> .. </tfoot>
Use ________ element to indicate column or row headings.
<th>
Use the ________ tag pair to configure table headings.
<th> </th>
Use the ________ tag pair to configure a table head row group.
<thead> .. </thead>
Use the ________ tag pair to begin and end a table row.
<tr> </tr>
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.
Select the value of the type attribute that configures an HTML5 slider control.
range
The ________ HTML5 element is used to configure the top logo area on a web page.
header
Use the ________ attribute on a <td> element to associate it with a table heading cell.
headers
The ________ pseudo-class configures the styles that will apply when the mouse is on a hyperlink.
hover
A table with a width set to 600 pixels will look ________ on a monitor with resolution set to 640 × 480 than on a monitor with resolution set to 1024 × 768.
larger
Which pseudo-element can be used to generate content that precedes an element?
:before
When using the box model, the ________ is always transparent.
margin
The ______attribute indicates if a style sheet configures for screen display or the printed page.
media
A ________ determines the capability of the mobile device, such as screen resolution, and directs browsers to CSS.
media query
Use the ________ property in the HTML link tag to to associate a web page with a style sheet for printing.
media="print"
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
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
The ________ attribute of the anchor tag can cause the new web page to open in its own browser window.
target
The ________ meta tag configures scale and dimension on mobile web page display.
viewport
When do you need to use a fully qualified URL in a hyperlink?
when linking to a page on an external website
The default value for the border property for an element is:
0 pixels
Select an activity of the Production Phase.
All of these
Select the tasks that should be performed when a website is tested.
All of these
The Analysis Phase of a website project determines
All of these
A hyperlink with the phone: scheme may cause a web browser on a mobile device to initiate a phone call.
False
Commercial businesses should register a domain name with an .org TLD.
False
Mobile web pages should contain exactly the same content as web pages intended for display on desktop browsers.
False
There is no reason to consider the operating system of the web server when selecting a web host.
False
The W3C's concept of "One Web" relates to providing a single resource that is configured for optimal display on multiple types of devices.
True
To define the distance between the cell text and the cell border in a table, use the ________ attribute.
cellpadding
To define the distance between the edges of each cell in a table use the ________ attribute.
cellspacing
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
Which CSS property configures a flex container?
display
If an element is configured with ________ the other content on the page will appear to its left.
float:right;
Use ________ positioning to slightly change the location of an element in relation to where it would otherwise appear when rendered by a browser.
relative
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 item below that lists elements used in an HTML table:
table, tr, td
