Web Design
Which of the following is not a web design recommended practice? a) Design your site to be easy to navigate b) Colorful pages appeal to everyone c) Design your pages to load quickly d) Limit the use of animated items
b) colorful pages appeal to everyone
Which of the following is a color scheme that consists of two colors that are opposite each other on the color wheel? a) analogous b) complementary c) split complementary d) contrasting
b) complementary
Use the ______ attribute to configure a table cell to occupy more than one row in the table
rowspan
Types of overflow
visible, hidden, auto, scroll
WCAG 2.0:
-Content must be Perceivable -Interface components in the content must be Operable -Contend and controls must be Understandable -Content should be Robust enough to work with current and future user agents, including assistive technologies
The _______ pseudo-class can be used to modify the display of a hyperlink when a mouse pointer passes over it
:hover
_______ is an emerging page layout technique for configuring multi-column layouts
Flexible box layout/flexbox
The concept of _______ relates to providing a single resource that is configured for optimal display on multiple types of devices
One Web
The _______ is a group whose mission is to create guidelines and standards for web accessibility.
Web Accessibility Initiative (WAI)
Which CSS pseudo-class applies to the first element of a specified type? a) :first-of-type b) :first-type c) :first-child d) :first
a) :first-of-type
How would you link to the named fragment #jobs on the page employ.html from the home page of the site? a) <a href="employ.html#jobs">Jobs</a> b)<a name="employ.html#jobs">Jobs</a> c)<a link="employ.html#jobs">Jobs</a> d)<a href="#jobs">Jobs</a>
a) <a href="employ.html#jobs>Jobs</a>
Which of the following attributes define a fragment identifier on a page? a) id b) href c) fragment d) bookmark
a) id
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
a) margin, border, padding, content
Which of the following is known as white space? a) the empty screen area around blocks of text and images b) the background color of white used for a page c) configuring the color of the text to be white d) none of the above
a) the empty screen area around blocks of texts and images
Table element attributes
align, bgcolor, border, cellpadding, cellspacing, summary, title, width
Which of the following configures a class called side to float to the left? a) .side { left: float; } b) .side { float: left; } c) .side { float-left: 200px; } d) .side { position: left; }
b) .side {float: left; }
Which pseudo-elemtn can be used to generate content that precedes an element? a) :after b) :before c) :content d) :first-line
b) :before
Which of the following pseudo-classes is the default state for a hyperlink that has been clicked? a) :hover b) :link c) :onclick d) :visited
b) :visited
Which HTML tag pair is used to specify table headings? a) <td> </td> b) <th> </th> c) <head> </head> d) <tr> </tr>
b) <th> </th>
Which HTML5 element has the purpose of providing tangential content? a) article b) aside c) sidebar d) section
b) aside
Which of the following properties can be used to clear a float? a) float or clear b) clear or overflow c) position or clear d) overflow or float
b) clear or overflow
Which HTML attribute associates a table data cell with a table header cell? a) head b) headers c) align d) th
b) headers
Which of the following are the three most common methods for organizing websites? a) horizontal, vertical, and diagonal b) hierarchical, linear, and random c) accessible, readable, and maintainable d) none of the above
b) hierarchical, linear, and random
Which property and value are used to configure an unordered list item with a square list marker? a) list-bullet: none; b) list-style-type: square; c) list-style-image: square; d) list-marker: square;
b) list-style-type: square;
Which of the following is the intended use of tables on web pages? a) configuring the layout of an entire page b) organizing information c) forming hyperlinks d) configuring a resume
b) organizing information
Which CSS property specifies the distance between the cell text and the cell border a) border-style b) padding c) border-spacing d) cellpadding
b) padding
Which of the following are the four principles of the Web Content Accessibility Guidelines? a) repetition, contrast, proximity, and alignment b) perceivable, operable, understandable, and robust c) accessible, readable, maintainable, and robust d) hierarchical, linear, random, and sequential
b) perceivable, operable, understandable, and robust
Which of the following is used to change the location of an element slightly in relation to where it would otherwise appear on the page? a) relative positioning b) the float property c) absolute positioning d) this cannot be done with CSS
b) relative positoning
Which of the following is an image file that contains multiple small graphics? a) viewport b) sprite c) background-image d) media
b) sprite
Which attribute below can be applied to an anchor tag to open a link in a new browser window? a) window b) target c) rel d) media
b) target
A(n) _______ is a smaller version of a larger image, and is often linked to that larger image? a) icon b) thumbnail c) sprite d) wireframe
b) thumbnail
The CSS _______ property can be used to configure the color and width of a table border
border
Which HTML tag pair is used to group rows in the footer of a table? a) footer> </footer> b) <tr> </tr> c) <tfoot> </tfoot> d) <td> </td>
c) <tfoot> </tfoot>
Which of the following should you do when creating text hyperlinks? a) Create the entire sentence as a hyperlink b) Include the words "Click here" in your text c) Use a key phrase as a hyperlink d) none of the above
c) Use a key phrase as a hyperlink
Which of the following would a consistent website design not have? a) a similar navigation area on each content page b) the same fonts one each content page c) a different background color on each page d) the same logo in the same location one each content page
c) a different background color on each page
Which CSS property specifies the background color of a table? a) background b) bgcolor c) background-color d) table-color
c) background-color
Which CSS property eliminates the space between the borders on table cells? a) border-style b) padding c) border-spacing d) cellspacing
c) border-spacing
Which of the following recommended design practices apply to a website that uses images for its main site navigation? a) Provide alternative text for the images b) Place text links at the bottom of the page c) Both a and b d) No special considerations are needed
c) both a and b
Which of the following causes an element not to display? a) display: block; b) display: 0px; c) display: none; d) display 0;
c) display: 0px;
Which of the following causes an element to display as a block of content with white space above and below? a) display: none; b) block: display; c) display: block; d) display: inline;
c) display: block;
Which of the following is the attribute used to indicate whether the style sheet is for printing or on screen display? a) rel b) type c) media d) content
c) media
Which of the following is an example of using a descendant selector to configure the anchor tags within the nav element? a) nav. a b) a nav c) nav a d) a#nav
c) nav a
Which HTML element uses a border attribute to display a table with a border? a) td> b) <tr> c) <table> d) <tableborder>
c) table>
Use the _______ element to provide a brief description of a table that displays on the web page
caption
Which HTML tag pair is used to begin and end a table row? a) <td> </td> b) <tbody> </tbody> c) <table> </table> d) <tr> </tr>
d) <tr> </tr>
Which of the following are influenced by the intended or target audience of a site? a) the amount of color used on the site b) the font size and styles used on the site c) the overall look and feel of the site d) all of the above
d) all of the above
Which of the following is the rendering flow used by a browser by default? a) regular flow b) normal display c) browser flow d) normal flow
d) normal flow
Which of the following is a sketch or blueprint of a web page that shows the structure (but not the detailed design) of basic page elements? a) drawing b) HTML code c) site map d) wireframe
d) wireframe
All browsers and browser versions _______ display web pages in exactly the same way.
do not
Use the HTML5 _______ element to configure a web page heading area
header
_______ is an attribute of the td element that associates the table data cell with a table header cell
headers
The most common structure used for commercial websites is _______ organization.
hierarchical
Configure a style with a(n) _______ if the style will only apply to one element on a page.
id
If an element is configured with float: right; the other content on the page will appear to its _______
left
Pseudo-classes
link, visited, focus, hover, active
The _______ is always transparent
margin
Provide _______ navigation near the top of the page when optimizing for mobile display
minimal
The display property
none, inline, inline-block, block
When using CSS media queries, code the _______ keyword to hide the query from older nonsupporting browsers
only
Two ways to clear a float:
overflow and clear
The _______ CSS property specifies the vertical alignment of the contents of a cell in a table
vertical-align