Final Web design cards
Select the browser's action when you configure BOTH a background color and background image for the body selector.
Answer: display the background color while the background image loads and before the background image is displayed
According to the CSS rules of precedence, ______ styles override ________ styles.
Answer: embedded, inline
Use the ______ element to associate a web page with an external style sheet.
Answer: link
Use the _______________ property to configure an image to use as a list marker in an unordered list.
Answer: list-style-image
Use the _______________ property to eliminate the bullets from an unordered list.
Answer: list-style-type
The _______ is the area between the content and the border.
Answer: padding
When configuring the background color of an element, the background color is applied to both the content and ______ areas.
Answer: padding
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?
Answer: padding: 0 10px 20px 10px;
Choose the graphic format that supports millions of colors, supports variable transparency levels, and uses lossless compression.
Answer: png
The process of ensuring that web pages coded with new or advanced techniques still are usable in browsers that do not offer support for the newer features is called:
Answer: progressive enhancement
Choose the technique below that will provide for accessibility when a web page uses graphics for the main navigation links.
Answer: provide text hyperlinks in the page footer and configure an alt attribute for each navigation image
<thead> <tbody> <tfoot>
HTML allows you to identify the different parts of your table using the ____ tags.
What can be used as a CSS selector?
HTML element, class name, ID name
<head>
The "embedded style sheet" is generally placed in the ______ section of the web page for ease of maintenance.
Comments used in CSS page layout can span multiple lines.
True
Normal flow causes the browser to render the element in the order that they appear in the XHTML source code.
True
The W3C's concept of "One Web" relates to providing a single resource that is configured for optimal display on multiple types of devices. Select one: True Correct False
True
The advantages of using CSS to configure page layout usually outweigh the disadvantages.
True
The float property causes the browser to display XHTML elements outside of the normal flow on the left or right side of the container element
True
The wrapper id is assigned the background color that will show through in the left column id area to help to create the two-column effect.
True
True or False? A border can be configured on only one side of an element
True
Using CSS for page layout requires some patience since it requires more time to test since even modern browsers implement CSS in slightly different ways.
True
true or false? The CSS border-spacing property can be used to configure the horizontal and vertical spacing of table borders.
True
It is possible to use CSS to configure page breaks in a printed web page. Select one: True Correct False
True'.
Choose the example below of a descendant selector that configures the anchor tags within the element assigned to the content id.
#content a
A hyperlink with the phone: scheme may cause a web browser on a mobile device to initiate a phone call. Select one: True Incorrect False
'False'.
Mobile web pages should contain exactly the same content as web pages intended for display on desktop browsers. Select one: True Incorrect False
'False'.
A benefit of using the CSS Sprites technique is to decrease the number of HTTP request calls to the web server. Select one: True Correct False
'True'.
Advantages of using CSS for Page Layout include:
(all of these are advantages)
Which of the following is a recommended CSS debugging technique?
(all of these)
Advantages of web expression
-Creates all XHTML and CSS code for you -Creates Web pages as they will appear in browser -Contains Expression Encoder and Expression Design -Creates links to Web pages and updates the XHTML code -Contains powerful file management tools -Contains full range of editing tools
. Which of the following configures a class called nav to float to the left?
. .nav { float: left; }
Which property and value are used to configure an unordered list item with a square list marker?
. list-style-type: square;
Which of the following is an example of using a contextual selector to configure the anchor tags within the .nav class?
...
web page heading area
...
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; }
The _______ pseudo-class configures the styles that will apply when a hyperlink is clicked,
:active
Select the true statement below.
Animation should be used only if it enhances your web site
dt, dd, dl
Choose the element that configures text to be indented from both the left and right margins.
Choose the item that creates an image link to the school.html page when the school.gif graphic is clicked.
Answer: <a href="school.html"><img src="school.gif" alt="school"></a>
Select the code below that associates a favorites icon named favicon.ico with a web page document.
Answer: <link rel="icon" type="image/x-icon" href="favicon.ico">
Which of the following will configure all the span elements with red (#FF0000) text color
Answer: <span style="color: #FF0000;">
Choose the method to avoid when obtaining graphics for your website.
Answer: Right-click and copy a graphic you like from any website
The browser prefix -webkit in a CSS property indicates that it is likely to be recognized by which of the following browsers?
Answer: Safari
Cascading Style Sheet rules are comprised of:
Answer: Selectors and Declarations
Use the ______ attribute to display an image to the right of a block of text.
Answer: align
Select the items below that can be used as a CSS Selector.
Answer: all of the above
Select the code below that uses CSS to configure a background color of #eaeaea for a web page.
Answer: body {background-color:#eaeaea; }
Select the code below that will configure a background image called parchment.gif for a web page using CSS.
Answer: body {background-image:url(parchment.gif); }
b
Choose the preferred element to use when displaying text in a bold font style when there is no special importance to the words in the text.
i
Choose the preferred element to use when displaying text in italic font style when there is no special emphasis on the words in the text.
em
Choose the preferred element to use when emphasizing text that is intended to be displayed in italic font style.
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.
checkbox
To apply a style to one or more of elements on a web page, configure a CSS _____________. Question options: group id class attribute
class
Use the ________ or _______ property to clear a float.
clear or overflow
Which of the following properties can be used to clear a float?
clear or overflow
Select the example below that could be used to clear a right float.
clear: right;
Select the example below that could be used to clear a right float.
clear: right; (don't choose overflow: right)
When using the margin property to determine the empty space between the element and any adjacent elements, specify the margins in the following order:
clockwise: margin-top, margin-right, margin-bottom, margin-left
________________ 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
An External Style Sheet uses the _____ file extension. Question options: ess css html No file extension is necessary
css
Select a transition-timing-function value which configures a transition effect that begins at a constant speed and slows down at the end.
ease-out
<tr>
element that contains a table row
Select the best description of "white space"
empty screen area around blocks of text and images
Select the best description of "white space".
empty screen area around blocks of text and images
____ A border can be configured on only one side of an element
false
*If an element is configured with ___________ the other content on the page will appear to its left.
float: right;
A type of graphic that can be animated and is commonly used on the Web is:
gif
Choose the graphic format that can be made transparent.
gif
Use the th element to indicate a table column or row _____.
heading
Solid or fixed design is sometimes called _____ design and uses a fixed-width page layout
ice
A(n) ________ is an image that is configured so that parts of the image can be used as one or more hyperlinks
image map
The process of creating an image with the lowest file size that still renders a good-quality image is called ______________.
image optimization
Where is a code located that associates a web page with an external style sheet?
in the head section
Where do you place the code to associate a web page with an external style sheet? Question options: in the external style sheet in the DOCTYPE of the web page document in the body section of the web page document in the head section of the web page document
in the head section of the web page document
When CSS is coded in the body of the web page as an attribute of an HTML tag it is called ________. Question options: Embedded Inline External Imported
inline
Which value for the display property is useful when configuring horizontal navigation within an unordered list?
inline
splash screen
is a Web page containing interesting animation or graphics that introduces a Web site
A selection list <select size= "value">... </select>
is a list box from which a user selects a particular field value or set of field values.
navigation bar
is a set of hyperlinks that users click to connect to the major pages of your website.
HTML
is a text-based language, requiring you to define your colors in textual terms
A hyperlink (or link)
is a word, group of words, or image that you can click on to jump to a new document or a new section within the current document
A tooltip Example: <a href="http://www.yahoo.com" target="_blank" title="Go to Yahoo site to check your horoscope." > Go To Yahoo </a
is descriptive text that appears when a user positions the mouse pointer over a link
Kerning
is the amount of space between characters (default unit is pixels (px))
Tracking
is the amount of space between words and phrases
Leading
is the space between lines of text
If an element is configured with float: right; the other content on the page will appear to its____
left
Use the _______ property to configure a smooth blending of color in a single direction.
linear-gradient
The _____ pseudo-class configures the appearance of the hyperlink before it is clicked.
link
The _______________ is always transparent.
margin
When using the box model, the _____ is always transparent.
margin
Which of the following, from outermost to innermost, are components of the box model?
margin, border, padding, content
Choose the item below that describes the process of creating an image with the lowest file size that still renders a good quality image
optimization
Choose the item below that describes the process of creating an image with the lowest file size that still renders a good quality image.
optimization
Select the example below that configures a container to clear all floated elements that are within the container.
overflow: auto;
Which of the following is correct CSS syntax? Question options: p { color: #000000; } p { color=#000000; } p : color #000000; p { color;#000000; }
p { color: #000000; }
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
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?
padding: 0 10px 20px 10px;
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?
padding: 10xp 20px;
Use the ________ property along with the left, right and/or top property to precisely configure the position of an element.
position: absolute;
The process of ensuring that web pages coded with new or advanced techniques still are usable in browsers that do not offer support for the newer features is called:
progressive enhancement
When applying the design principle of __________ related items are grouped together
proximity
When applying the design principle of __________ related items are grouped together.
proximity
Select the value of the type attribute that configures an HTML5 slider control.
range
Use ___________ positioning to slightly change the location of an element in relation to where it would otherwise appear when rendered by a browser.
relative
. 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?
relative positioning
Progressively enhancing a web page for different viewing contexts (such as smartphones and tablets) through the use of coding techniques is called _________________________.
responsive web design
Choose the method to avoid when obtaining graphics for your website.
right click
The ________ HTML5 element indicates a portion of a document, like a chapter or specific topic.
section
Select the form control below that does not use the input element.
select list
select the property that is useful to remove the underline from a hyperlink.
text-decoration
The ___________________ property configures a shadow effect on the text displayed within an element
text-shadow
The ___________________ property configures a shadow effect on the text displayed within an element.
text-shadow
Use the __________ property to configure uppercase text
text-trans
Use the ________ element to configure a table footer row group.
tfoot
Use the ____ element to configure a table heading cell.
th
Select the items below that can help to appeal to the intended or target audience of a site
the overall look and feel for the site the amount of color used on the site the font size and styles used on the site
Use the ________ element to configure a table head row group.
thead
A _______________color scheme consists of three colors that are equidistant on the color wheel.
triadic
True or False? A radial gradient is a smooth blending of color emanating outward from a single point.
true
____ A radial gradient is a smooth blending of color emanating outward from a single point
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
Select the code below that will configure a background image called parchment.gif for a web page using CSS.
url
Select a good design recommendation for text hyperlinks
use a key phrase as a hyperlink
Xhtml
_________ combines the formatting strengths of HTML 4.0 and the data structure and extensibility strengths of XML
XHTML
_________ combines the formatting strengths of HTML 4.0 and the data structure and extensibility strengths of XML.
Select the code below that uses CSS to configure a background color of #eaeaea for a web page. a. body { background-color:#eaeaea} b. document {background-page:#eaeaea} c. body {bgcolor:#eaeaea} d. None of the Above
a
Use the ____ tag to configure a section of a web page that is physically separated from others. a. <div>...</div> b. <span>...</span> c. <a>...</a> d. <i>...</i>
a
Select the item below that does not belong in a consistent web site design.
a different background color on each page
Select the item below that does not belong in a consistent website design
a different background color on each page
Choose the attribute used to provide accessibility by configuring a text alternative that is available to browsers and other user agents that do not support graphics
alt
Style sheets
are declarations that describe the layout and appearance of a document
The file extensions .wav, .mp3, and .ogg are used for:
audio files
To associate an external style sheet with a web page, code: a. a link element in the body section of the web page b. a link element in the head section of the web page c. a style element in the body section of the web page d. a style element in the head section of a web page
b
Select the code below that configures a background image to repeat horizontally across a web page.
background-repeat: repeat-x;
Select the code below that uses CSS to configure a background color of #eaeaea for a web page. Question options: body {background-color:#eaeaea; } document {background-page:#eaeaea; } body {bgcolor:#eaeaea; } None of the above
body {background-color:#eaeaea; }
Use the ________________ property to configure rounded corners with CSS
border-radius
Use the ________________ property to configure rounded corners with CSS.
border-radius
To eliminate the space between table cells, use the ___________ property.
border-spacing: 0;
The CSS opacity property configures the display of _____________
both text and background
The CSS opacity property configures the display of _____________
both the text and the background
Select the code below that uses CSS to configure an id named "example" that configures small, italic text. a. #example { font-size: small; font-weight: italic;} b. .example { font-size: small; font-style: italic;} c. #example { font-size: small; font-style: italic;}
c
The ___ property configures a shadow effect on the text displayed within an element. a. font-weight b. shadow c. text-shadow d. font-style
c
The declaration property used to set the text color on a web page is: a. bgcolor b. text-color c. color d. None of the Aboce
c
small
The purpose of the ________ element is to contain information that would typically be some type of fine print or a disclaimer of some kind.
footer
The purpose of the ________ element is used to configure the footer information on a web page document.
header
The purpose of the ________ element is used to configure the headings for a web page document or section of a web page document.
nav
The purpose of the ________ element is used to configure the main navigation area on a web page.
TCP
The purpose of the ___________ protocol is to ensure the integrity of the communication.
Use the ______ element to create logical areas on a web page that are embedded within paragraphs or other block formatting elements.
Answer: span
Use the _____ element to code embedded styles on a web page.
Answer: style
Which of the following is an HTML attribute that configures inline styles?
Answer: style
Use the __________ property to align text within an element.
Answer: text-align
Use the __________ property to configure uppercase text
Answer: text-transform
A smaller version of a larger image that usually links to the larger image is called a:
Answer: thumbnail image
Use the ___________________ property to resize or scale the background image.
Answer:background-size
The content that displays in the browser is contained in the body section
Choose the true statement below. The content that displays in the browser is contained in the head section. Information about the web page is contained in the body section. Correct The content that displays in the browser is contained in the body section. all of the above
<caption>
Configures a description of the table
It is a CSS class that styles only one type of element
Consider the CSS style p.paint {color: red}.
ID
Consider the following embedded style: <style type="text/css"> #extra {color: red} </style> The term "#extra" is called a/an __________________ selector.
True
Consider the following embedded style: <style type="text/css"> .blue {color: blue} </style> This style can be applied to any element in the body of the web page such as <p>, <h1>, <address>, <blockquote>, etc
Element Selector
Consider the following lines of codes written inside the <head> section of a web page: <style type="text/css"> h2 {color: green;} </style> In the above style, the complete and correct technical name for the term "h2" is:
link, visited, hover, active
Correct order to code CSS pseudo-classes for the link element
<td>
Data cells in a Web table are displayed using a ____ tag.
<table>
Element that contains the table
<td>
Element that contains the table cell
Know what takes precedence: embedded or external styles.
Embedded
URL
Every web page on the web has a complete and unique address, and it is called the __________
-XHTML (HTML)
Extensible Hypertext Markup Language •Stricter method of writing HTML code
All types of browsers, old and new, experience a Web site designed using CSS for page layout in the same way.
False
You can code pseudo-classes in any order.
False
When using the box model, the _____ is always transparent.
Margin
False
The following style will not work correctly because it is missing a period "." or the "#" symbol before the term "address". address {text-align: center}
#id {style rule}
To apply a style to an element marked with a specific id value, use the declaration
Class
To apply a style to one or more of elements on a web page, which CSS style selector should be used?
The content that displays in the browser is contained in the body section
What type of HTML list will automatically place a number in front of the items?
unordered list
What type of HTML list would be good to use to display a list of terms and their definitions?
When you need to link to a web page internal to your website
When should you use a relative hyperlink?
When you need to link to a web page external to your website
When should you use an absolute hyperlink?
will turn into a little hand.
When you move the cursor over a link in a Web page, the arrow
your most preferred font followed by some alternative favorite fonts, and complete the list with a generic font family
When you use fonts for your web page, you naturally start with
br
Which element is used to force the browser to display the next text or element on a new line?
nav p
Which of the following is a CSS selector that will configure the paragraph elements within the nav element?
style
Which of the following is an HTML attribute that configures inline styles?
True
Writing an embedded style rule including many style properties on a single line saves space, but entering each style property on a separate line separated by semi-colons often makes your code easier to read and edit.
A smaller version of a image that usually links to the larger image is called a
thumbnail image
A smaller version of a larger image that usually links to the larger image is called a:
thumbnail image
Select the best reason to include height and width attributes on an img tag
to help the browser render the page faster because it reserves the appropriate space for the image
Use the _____ element to contain a table row.
tr
The CSS3 _____________ property allows you to rotate, scale, skew, or move an element.
transform
The CSS3 _____________ property provides for changes in property values to display in a smoother manner over a specified time.
transition
A(n) _______________color scheme consists of three colors that are equidistant on the color wheel
triadic
Which of the following is NOT a valid value for the border-style property?
triple
True or False? The CSS vertical-align property can be used to configure the vertical alignment of the contents of a table cell.
true
Select a good design recommendation for text hyperlinks.
use a key phrase as a hyperlink
Which of the following is not a web design recommended practice?
use dark text on dark backgrounds
Which of the following is not a web design recommended practice?
use frames whenever possible
Choose the recommended use of tables on web pages.
use tables to organize tabular information
Select the true statement below.
a. Animation should be used to appeal to all target audiences b. Animation should be used only if it enhances your web site c. Animation should be used as much as possible to make your web site exciting. d. None of the statements are true B is the answer
Select the true statement below.
a. Placing white space around graphics and headings helps them to stand out. b. There is no need for a lot of navigation because web site visitors can just use the back button. c. Very small text is good to use for web site appealing to the baby-boomer and older market. d. Children like sites with dark colors. A is the answer
Select the recommended design practice that applies to a website using images for 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 is the answer
Consider _______ when designing for display on a mobile device.
a. small screen size b. font size c. contrast d. all of the above D is the answer
Select the items below that can help to appeal to 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 for the site d. all of the above D is the answer
Select the item below that does not belong in a consistent website design.
a. the same fonts on each content page b. the same logo in the same location on each content page c. a similar navigation area on each content page d. a different background color on each page D is the answer
Use ____________ positioning to precisely configure the location of an element outside of normal flow.
absolute
Use the _____ attribute on the form element to specify the name and location of the script that will process the form control values.
action
Select the items below that can be used as a CSS Selector. Question options: an HTML element a class name an id name All of the above
all of the above
Choose the attribute used to provide accessibility by configuring a text alternative that is available to browsers and other user agents that do not support graphics.
alt
Tables
are used on webpages to organize tabular information
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 indicates tangential or supplemental content.
aside
Which HTML5 element has the purpose of providing tangential content?
aside
An external style sheet used the ___ file extension a. ess b. css c. htm d. No file extension is necessary
b
Select the code below that uses CSS to configure a class called "offer" with blue text that uses Arial or sans-serif font typeface. a. #offer { color:blue; font-family: Arial, sans-serif;} b. .offer { color:blue; font-family: Arial, sans-serif;} c. .offer { text:blue; font-family: Arial, sans-serif;}
b
Use the ___ tag to code embedded styles on a web page. a. <link> b. <style>...</style> c. <embed> d. none of the above
b
Use the ___ tag to configure a generic area on a web page that is embedded within a paragraph or other block display element. a. <div>...</div> b. <span>...</span> c. <title>...</title> d. <meta>...</meta>
b
When CSS is coded in the body of a web page as an attribute of an HTML tag, it is called ____ a. Embedded b. Inline c. External d. Imported
b
Which CSS property can be used to configure italic text? a. font-italic b. font-style c. font-weight d. font-type
b
Which CSS property configures the capitalization of text? a. font-type b. text-transform c. text-decoration d. font-weight
b
Which CSS property configures the size of text? a. text-size b. font-size c. size d. font-weight
b
To apply a style to a certain group of elements on a web page, configure a CSS ____ a. group b. ID c. class d. None of the Above
c
Use the ____ property to configure bold text using CSS a. bold b. font-style c. font-weight d. you cannot configure bold text with CSS
c
Which CSS property configures the color of text? a. text-color b. font-color c. color d. font-style
c
Which CSS property configures the font typeface? a. font-face b. font-type c. font-family d. font-style
c
The HTML5 _____________ form control provides the user with a selection of choices along with an option to enter information
datalist
The Box Model
describes the structure of page elements as they are laid out on the Web page Margin Padding Border
Components of responsive web design include: Select one: a. fluid layout, flexible images, media queries Correct b. valid syntax, embedded CSS, media queries c. fluid layout, valid syntax, embedded CSS d. flexible images, media queries, valid syntax
fluid layout, flexible images, media queries
Which of the following configures Arial, Verdana, or the default sans-serif font for an element?
font-family
Use the __________ property to configure italic text using CSS
font-style
Use the __________ property to configure bold text using CSS
font-weight
What CSS selector configures paragraph elements within a footer element?
footer p
Which of the following is a CSS selector that will configure the paragraph elements within the footer element. Question options: p footer footer p #footer p .footer p
footer p
A _________________ is a smooth blending of shades from one color to another.
gradient
___________ is a smooth blending of shades from one color to another
gradient
5. Use the HTML5 ________ element to configure a
header
Use the ______ attribute on a td element to associate it with a table heading cell.
headers
Select the most commonly used site organization for commercial web sites
hierarchical
Select the most commonly used site organization for commercial web sites.
hierarchical
Select the three most common methods of organizing web sites.
hierarchical, linear, and random
Select the three most common methods of organizing websites
hierarchical, linear, and random
Select the three most common methods of organizing websites.
hierarchical, linear, and random
The ___________ pseudo-class can be used to modify the display of a hyperlink when a mouse pointer passes over it
hover
To apply a style to exactly one element on a web page, configure a CSS _____________. Question options: group id class None of the above
id
Which attribute below defines a fragment identifier in a page?
id
Which type of selector is specified by placing a # symbol in front of the selector name? Question options: tag first class id
id
The _________ element provides for nested browsing.
iframe
Select the element that displays an image on a web page
img
Select the code below that uses CSS to eliminate the default border on an image configured as an image.
img {border: 0; }
Different browsers and even different browser versions will display your web page __
in different ways
Different browsers and even different browser versions will display your web page ______.
in different ways
According to the CSS order of precedence, ______ styles override ________ styles. Question options: external, embedded embedded, inline inline, external external, inline
inline, external
A Spanning cell colspan="value"
is a single cell that occupies more than one row or one column in the table
Cascading Style Sheets (CSS)
is a style sheet language used on the Web
An external style sheet
is a text file that contains style declarations
A type of graphic that is best-suited to photographs displayed on the web is:
jpg
Choose the graphic format that is best-suited to display photographs on web pages.
jpg
Use the ______ element to associate a web page with an external style sheet. Question options: target a include link
link
What element is used to associate a web page with an external style sheet?
link
From the choices below select the correct order to code CSS pseudo-classes.
link, visited, focus, hover, active
The correct order to code CSS pseudo-classes:
link, visited, hover, active
Use the _______________ property to configure an image to use as a list marker in an unordered list.
list-style-image
Use the _______________ property to eliminate the bullets from an unordered list.
list-style-type
Which of the following is used along with the width property to configure centered page content?
margin-left: auto; margin-right: auto
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;
Use the __________ property to configure a maximum width for an element
max-width
The ______attribute indicates if a style sheet configures for screen display or the printed page. Select one: a. media Correct b. display c. internal d. viewport
media
A ________ determines the capability of the mobile device, such as screen resolution, and directs browsers to CSS. Select one: a. sprite b. viewport c. media query Correct d. fragment identifier
media query
Use the ________ property in the HTML link tag to to associate a web page with a style sheet for printing. Select one: a. media="print" Correct b. out="printer" c. media="paper" d. media="screen"
media="print"
Use the __________ property to configure a minimum width for an element
min-width
A ___________ color scheme consists of shades, tints, or tones of the same color.
monochromatic
A(n) ___________ color scheme consists of shades, tints, or tones of the same color.
monochromatic
When configuring a radio button form control, the value of the ______ of each radio button must be the same
name
What attributes are valid for the select element?
name, id, multiple
What CSS selector configures anchor elements within the nav element?
nav a
Use the ______ value for the CSS display property to configure an element to not display.
none
_________ flow displays the elements on the page in the order they appear in the web page source code.
normal
Which of the following is the rendering flow used by a browser by default?
normal flow
A page layout technique that often uses a percentage value for width is called _____________.
not ice or fixed
Which of the following CSS3 pseudo-elements will be useful when configuring every other row of a table?
nth-of-type
select the value of the type attribute that configures an HTML5 spinner control.
number
Include the keyword ________ in a media query to cause older, non-supporting browsers to ignore the media query. Select one: a. viewport b. meta c. skip d. only Correct
only
The CSS3 _______ property configures the transparency of an element
opacity
The CSS3 _______ property configures the transparency of an element.
opacity
Know correct vs. incorrect CSS syntax.
p {color:#000000; }
The ______ is the area between the content and the border
padding
The _______ is the area between the content and the border.
padding
Use the CSS ______ property to configure the cellpadding of a table.
padding
The four principles of WCAG 2.0 are as follows:
perceivable, operable, understandable, robust
Choose the graphic format that supports millions of colors, supports variable transparency levels, and uses lossless compression.
png
Use the ________ property along with the left, right and/or top property to precisely configure the position of an element.
position:absolute;
Use the _______ attribute on a video element to display an image that represents the movie.
poster
The process of ensuring that web pages coded with new or advanced techniques still are usable in browsers that do not offer support for the newer features is called
progressive enhancement
Select the recommended design practice that applies to a web site using images for main site navigation.
provide alternative text for the images configure text hyperlinks at the bottom of the page
Select the recommended design practice that applies to a website using images for main site navigation
provide alternative text for the images place text links at the bottom of the page ensure the image will load quickly on a mobile device
When a web page uses graphics for the main navigation links, provide accessibility by:
providing text links on the bottom of the page
An HTML table is comprised of ____ and ______.
rows & columns
An HTML table is comprised of ____ and ______.
rows and columns
Select the form control below that would be most appropriate to accept free-form 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
What symbol terminates a style declaration?
semi-colon (;)
A ____ of a color is darker than the original color and is created by mixing the color with black.
shade
Select the attribute used to configure the width of a text box as displayed in a browser.
size
The _________ element is a void element that specifies a media file and a MIME type
source
The _________ element is a void element that specifies a media file and a MIME type.
source
What element is used to create logical areas on a web page that are embedded within paragraphs?
span
Which of the following will configure all the span elements with red (#FF0000) text color? Question options: span { color: #FF0000; } #span { color: #FF0000; } .span { color: #FF0000; } <span style="color: #FF0000;">
span { color: #FF0000; }
Know how to correctly configure span elements with red (#FF0000) text.
span {color:#FF0000;}
What is the term used to describe image file that contains multiple small graphics?
sprite
What is the term used to describe image file that contains multiple small graphics? Select one: a. thumbnail image b. sprite Correct c. image link d. viewport
sprite
Use the ______ attribute to display a specific image.
src
Use the _____ element to code embedded styles on a web page. Question options: link style embed css
style
What HTML attribute configures inline styles?
style
What element is used to code embedded styles on a web page?
style
Select recommended usability and accessibility practices:
supply text descriptions of audio and video files that appear in your web pages
Use the ______ element to contain an HTML table.
table
Use the ______ attribute to configure the browser to render default table and table cell borders
table border
The ________ attribute of the anchor tag can cause the new web page to open in its own browser window. Select one: a. target b. window Incorrect c. id d. href
target
Use the ______ element to contain a table data cell.
td
Use the headers attribute on the ___ element to correspond to the id attribute on a ___ element.
td, th
Choose the item below that is not a valid value for the input element's type attribute
telephone
Use the __________ property to align text within an element.
text-align
Which of the following CSS3 properties configure the alignment of text within a table?
text-align
Select the property that is useful to remove the underline from a hyperlink.
text-decoration
Use a class to configure a style when:
the style could apply to more than one element on a page.
The tag used to create a horizontal line on a web page is:
<hr>
URL, URI
A ____ is a type of _____.
<a> tag
Links are specified in HTML using the
The file extensions .avi, .m4v, and .ogv are used for:
video files
The ________ meta tag configures scale and dimension on mobile web page display. Select one: a. viewport Correct b. description c. sprite d. media query
viewport
The main site navigation or a section offering navigation choices should contain:
visually grouped sections of hyperlinks
When do you need to use a fully qualified URL in a hyperlink? Select one: a. when creating an internal link to the same web page b. when linking to a page in another folder on the same site Incorrect c. when linking to a page on an external website d. never
when linking to a page on an external website
Select the browser's action when you configure BOTH a background color and background image for the body selector
will display the background color while the background image loads and before the background image is displayed
16. A ____________ is a sketch or blueprint of a web page that shows the structure (but not the detailed design) of basic page elements such as the logo, navigation, content, and footer.
wireframe
A ____________ is a sketch or blueprint of a web page that shows the structure (but not the detailed design) of basic page elements such as the logo, navigation, content, and footer.
wireframe
Choose the item below that is not an HTML5 element.
wrapper
Use tables to organize tabular information such as schedules
Choose the recommended use of tables on web pages
Cascading Style Sheets - CSS
Separates structure of a web page from the appearance of the 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:solid; }
Select the code below that configures a class called "offer" with blue text using CSS. Question options: offer { color: blue; } .offer { color: blue; } .offer { text: blue; } #offer { color: blue; }
.offer { color: blue; }
Know how to code a class called "offer" with red text using CSS.
.offer {color:blue; }
Choose the example below that configures a comment in CSS.
/* comment */ (just like Flash, slashes with astericks)
The default value for the border property for an element is:
0 pixels
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; }
Select the most popular screen resolution from those listed below.
1366 by 768
When was CSS approved by the W3C?
1996
False
<style type="text/css"> body {background-color: ivory} p {background-color: lightgray} </style> Since all paragraphs are supposed to be the children of the web page body, the background color of all the paragraphs will be "ivory" by inheritance, even though it is defined to be "lightgray".
1. Linking to Locations within the Same Web Page 2. Linking Between Web Pages in Your Web Site 3. Linking to Resources on the Internet
3 Major Types of Links
Limit the file size of a web page and its associated media to ______ avoid overly long load times
60KB
Which pseudo-element can be used to generate content that precedes an element? Select one: a. :after b. :before Correct c. :content d. :first-line
:before
The _______ pseudo-class configures the styles that will apply when the mouse is placed over a hyperlink.
:hover
Which of the following CSS3 pseudo-elements could be used to apply styles to the last row of a table?
:last-of-type
The _______ pseudo-class configures the styles that will apply for a hyperlink that has not been visited by the user.
:link
Which of the following CSS3 pseudo-elements will be useful when configuring every other row of a table?
:nth-of-type(n)
Which of the following causes an element to display as a block of content with white space above and below?
:onclick
How would you define a fragment identifier at the top of a page, called "top"? Select one: a. < div id="top"> Correct b. < div bookmark="top"> c. < div id="#top"> d. < div href="top"> Feedback
< div id="top">
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 href="categories/services.html">Services</a>
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>
How would you link to the named fragment #school on the page resume.html from the home page of the site? Select one: a. <a href="resume.html#school">Educational Background</a> Correct b. <a name="resume.html#school"> Educational Background </a> c. <a link="resume.htmlschool"> Educational Background </a> d. <a link="resume.html#school"> Educational Background </a>
<a href="resume.html#school">Educational Background</a>
How would you configure a hyperlink from the index.html file to another file named services.html which is located in the same folder?
<a href="services.html"> Services </a>
How would you define a fragment identifier at the top of a page, called "top"?
<div id="top">
Select the tag used to place an image on a web page
<img>
*Select the HTML code to configure a button that, when clicked, will automatically reset form fields to their default values
<input type="reset">
Select the HTML tag below that configures a textbox named "email" that is 40 characters wide.
<input type="text" name="email" size="40" >
Select the code below that associates a favorites icon named favicon.ico with a web page document
<link rel="icon" type="image/x-icon" href="favicon.ico">
network
A ________ consists of two or more computer connected for the purpose of communicating and sharing resources.
subdomain
A _________ can be configured to house a separate website located at the same domain.
IP Address
A domain name is a unique text-based Internet address corresponding to a unique ____________.
IP address
A domain name is a unique text-based Internet address corresponding to a unique ____________.
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
XML
A language using a text-based syntax intended to extend the power of HTML by separating data from presentation is called _______
XML
A language using a text-based syntax intended to extend the power of HTML by separating data from presentation is called _______.
links to the most important major sections of the website, plus a link to the Home page.
A navigation bar should contain
WAN
A network that is geographically dispersed and may use some form of public or commercial communications network is called a(n):
Choose the item below that describes the process of creating an image with the lowest file size that still renders a good quality image.
Answer: optimization
Use the __________ property to configure italic text using CSS
Answer: font-style
Which of the following is correct CSS syntax?
Answer: p { color: #000000; }
type="textarea"
A scrolling text box (comment box)is created using an <input> element with attribute ______.
True
A scrolling text box (comment box)is created using an <input> element with attribute type="textarea"
html
A web page document is contained between opening and closing ________tags.
The heading "Go Racers!" will be displayed in blue color
A web page has the following two embedded styles defined in the <head> section: <style type="text/css"> body {color: ivory} h1 {color: red} </style> Joe wrote the following paragraph in the <body> section of the same page: <h1 style="color: blue"> Go Racers! </h1> When the web page is viewed in the browser, what color will the paragraph be rendered in?
specific file in your local client computer
A web page links can take your visitors to the following destinations, except
accessible
A(n) _______ website provides accommodations to individuals with visual, auditory, physical, and neurological disabilities.
Which of the following is a CSS selector that will configure the paragraph elements within the footer element.
Answer: footer p
Choose the graphic format that can be made transparent.
Answer: gif
A _________________ is a smooth blending of shades from one color to another.
Answer: gradient
Select the attributes that are used in the area element to configure a clickable area on an image map.
Answer: href, coords, shape, alt
The letters in the acronym HSLA indicate:
Answer: hue, saturation, lightness, alpha
A(n) ________ is an image that is configured so that parts of the image can be used as one or more hyperlinks.
Answer: image map
Select the element that displays an image on a web page.
Answer: img
When CSS is coded in the body of the web page as an attribute of an HTML tag it is called ________.
Answer: inline
Choose the graphic format that is best-suited to display photographs on web pages.
Answer: jpg
When using the box model, the _____ is always transparent.
Answer: margin
attribute
An ________________ modifies or further describes the function of an element.
style inheritance
An additional factor in applying a style sheet is that properties are passed from a parent element (e.g., <body>) to its children (e.g., <p> in body) in a process known as __________.
as many web page documents as needed, even from different Web sites
An external style sheet can be attached to ____.
<link>
An external style sheet is included in the web page that calls and uses the external style sheet file by adding the______ element in the <head> section of the web page.
Select the true statement below
Animation should be used only if it enhances your web site
Which of the following is a CSS selector that will configure the anchor elements within the nav id.
Answer: #nav a
Select the code below that configures a class called "offer" with blue text using CSS.
Answer: .offer { color:blue; }
The default value for the border property for an element is:
Answer: 0 pixels
CSS was first approved as a standard by the W3C in ______.
Answer: 1996
Which of the following symbols terminates a style declaration?
Answer: ; semi-colon
Choose the attribute used to provide accessibility by configuring a text alternative that is available to browsers and other user agents that do not support graphics.
Answer: alt
Use the _______ property to configure multiple backgrounds on an element.
Answer: background
Use the ________________ property to confine the display of the background image.
Answer: background-clip
Which of the following is the CSS property used to set the background color?
Answer: background-color
Use the ________________ property to configure rounded corners with CSS.
Answer: border-radius
Which of the following configures a 1 pixel, solid black border for an element?
Answer: border: 1px solid #000000;
To apply a style to one or more of elements on a web page, configure a CSS _____________.
Answer: class
Which of the following is the CSS property used to set the text color?
Answer: color
An External Style Sheet uses the _____ file extension.
Answer: css
Which of the following configures Arial, Verdana, or the default sans-serif font for an element?
Answer: font-family: Arial, Verdana, sans-serif;
Which of the following is used along with the width property to configure centered page content?
Answer: margin-left: auto; margin-right: auto
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?
Answer: margin: 30px 0 0 150px;
Use the __________ property to configure a minimum width for an element
Answer: min-width
The CSS3 _______ property configures the transparency of an element.
Answer: opacity
What type of file extension does External Style Sheet use?
CSS
Explain inline
CSS is coded in the body of the web page as an attribute of an HTML tag
Explain selectors and declarations
CSS rules are comprised of selectors and declarations
blockquote
Choose the element that configures text to be indented from both the left and right margins.
li
Choose the elements that are used in a description list.
W3C
Choose the organization listed below that takes a proactive role in developing recommendations and prototype technologies related to the Web
strong
Choose the preferred element to use when configuring important text that is intended to be displayed a bold font style.
float: right;
If an element is configured with ___________ the other content on the page will appear to its left
No, there is a missing closing td tag
Is the following HTML code valid? <table> <tr> <td>cell 1</td> <td>cell 2</tr> </tr> </table>
False
The following style definition is to be written as an embedded class style in the <head> section. It is syntactically correct: <style type="text/css"> mid {text-align: center} </style>
<a href="services.html"> Services </a>
How would you configure a hyperlink from the index.html file to another file named services.html which is located in the same folder?
Configure a style with a(n) _____________ if the style will only apply to one element on a page.
ID
What CSS code is used to apply a style to exactly one element on a web page?
ID
What type of selector is specified by placing a # symbol in front of the selector?
ID
destination target for a link
In Expression Web, a bookmark is a place within a web page document that can be used as a(n) ____.
False
In Expression Web, the Design view offers a perfect replica of how the page will appear in the browser
Padding
In a box model, the ____ is the area between the content and the box's border
0 pixels
In a box model, the default value for the box's border property is __________.
<title>
In the following HTML code, one tag is definitely out of place in the wrong area. Which one is it? <html> <head> <!-- Topic: EXAM 1--> <!-- Author: Joe Blow --> <!-- Date: 10-3-13--> </head> <body> <title> Central Valley Web </title> <h1> Central Valley Visitor Bureau </h1> <p> Central Valley offers plenty of paths that allow visitors to hike or bike among nature's beauty. <br /> Some people even bring a picnic lunch. </p> </body> </html>
True
In the following HTML code, there are a total of 10 spaces between the words "Hello" and "There". When the page is rendered on the browser, only a single space will be displayed between the two given words. <p> Hello There </p>
Know what takes precedence: external or internal styles.
Inline
Know and understand which CSS styles override other CSS styles.
Inline Embedded
World Wide Web Consortium (W3C)
International organization that controls HTML and CSS standards
p.indent {text-indent: 5%}
Joe Blow wants to indent only some (not each and every) paragraphs in a web page by 5%. So, which of the following embedded style would you recommend as the best error-proof option?
use the border attribute <table border="value">...</table>
To add a border to a Web table using HTML,
ICANN
New Top Level Domains (TLDs) are coordinated by
Only h1, h2, and h3 will be underlined.
No style application to <p> in the <body> is necessary since the style is applied automatically
Is the following HTML code valid?
No, there is a missing closing td tag
Is the following HTML code valid? <table> <tr> <td>cell 1</td> <td>cell 2 </tr> </table>
No, there is a missing closing td tag
_________ flow displays the elements on the page in the order they appear in the web page source code.
Normal
False
On a web page, the following HTML code will create correctly a bulleted list of three items: <li> <ul> One </ul> <ul> Two </ul> <ul> Three </ul> </li>
create a hyperlink to the destination at the source content using the same id inside <a> Example: <a href="#Hr"> Hours </a>
Once you have marked the destination tag using the id attribute,
The concept of _____________ relates to providing a single resource that is configured for optimal display on multiple types of devices.
One Web
When configuring the background color of an element, the background color is applied to both the content and ______ areas.
PADDING (don't choose margin)
The _______ is the area between the content and the border.
Padding
Select statement below
Placing white space around graphics and headings helps them to stand out.
Cascading Style Sheet rules are comprised of: Question options: Selectors and Declarations Properties and Declarations Selectors and Attributes Elements and Attributes
Selectors and Declarations
SMTP, POP3, IMAP
Select protocols that are used for e-mail processing.
<input type="reset">
Select the HTML code to configure a button that, when clicked, will automatically reset form fields to their default values.
anchor
Select the element used to hyperlink web pages to each other from the list below:
fieldset
Select the element used to visually group a number of form controls.
launch the default e-mail application for the visitor's browser with your e-mail address as the recipient automatically send you an e-mail message with the visitor's e-mail address as the reply-to field
Select the function of an e-mail link from the choices below. The content that displays in the browser is contained in the head section. The content that displays in the browser is contained in the body section. Information about the web page is contained in the body section. All of the above are true.
com
Select the item below that lists the top level domain name for the URL http://www.yahoo.com.
To allow communication between researchers and links between research papers
Select the main reason for the initial development of the World Wide Web from the list below:
Invalid code may cause browsers to render the pages slower than otherwise.
Select the true statement from the choices below. A web page will not display in a browser unless it passes syntax validation testing. A web page must pass syntax validation testing before it is used. Validation testing guarantees that your web page will looks good. Invalid code may cause browsers to render the pages slower than otherwise.
None of the statements above are true
Select the true statement from the list below. When a domain name ends in .com it indicates that it is a computer company. A country code domain name can only be owned by someone who resides in that country. Only non-profit organizations can purchase a .org domain name None of the statements above are true
<table>, <tr>, and <td> elements
Tables are configured with what elements?
Boldface
Text formatted with <th>tag is dispayed in a ___ font.
*Scenario: The Firefox browser is being used to display a web page with a video but no video controls display —only the poster image is shown. Read the following code snippet and select the reason for the incorrect display from the choices below. <video controls="controls" poster="sparky.jpg" width="160" height="150"> <source src="sparky.m4v" type="video/mv4"> <source src="sparky.ogg" type="video/ogg"> <a href="sparky.mov">Sparky the Dog</a> (.mov) </video>
The MIME type values are incorrect.
True
The Marketing Department in a company has created an external style sheet called "market.css" to be used in their marketing-related web pages. If needed, all or some of the styles in this market.css style sheet can also be used by the Human Resources Department of the same company for the HR-related web pages.
IP
The ____ protocol is a set of rules that controls how data is sent between computers on the Internet.
target
The __________ attribute of the anchor element can cause the new web page to open in its own browser window.
hr
The element used to create a horizontal line on a web page is:
NCSA
The first widely used graphical web browser was developed at:
False
The following "inline" style will work correctly. <h1 style = "text-align: right color: blue"> Go Racers! </h1>
False
The following HTML code will make the image of smiley a hypertext link so that when the image is clicked, the CNN page will be loaded: <img href="http://www.cnn.com" src="smiley.jpg" alt="image of smiley" />
True
The following email link is correctly written: <a href="mailto:[email protected]"> Contact Me By Email for CSC 125 Help </a>
No style application to <p> in the <body> is necessary since the style is applied automatically
The following embedded style is defined in the <head> section: <style type="text/css"> p {color: red} </style> Which of the following style application would you apply in the <body> section to a paragraph with the content "To be or not to be." so that the paragraph's color is turned red
False
The following is an embedded style defined in the <head> section that attempts to set the font type for <h1> type header: <style type="text/css"> h1 {font-family: Comic Sans MS} </style> The above style will work correctly without any problems
Three choices of font type are listed with "Arial" being the first choice
The following is an embedded style defined in the <head> section: <style type="text/css"> p {font-family: Arial, Helvetica, sans-serif;} </style>
True
The machine that translates the numerical IP address of a computer on the Internet (e.g., 64.236.24.4) to a more user-friendly textual name (e.g., CNN's site) is called the Domain Name Server (DNS).
To allow communication between researchers and links between research papers
The main reason for the initial development of the World Wide Web.
head
The meta element is coded in the ___________ section of a web page document
head
The meta element is coded in the ___________ section of a web page document.
Cloud Computing
The on-demand use of software and other computing resources hosted at a remote data center (including servers, storage, services, and applications) over the Internet.
World Wide Web Consortium (W3C)
The organization listed below that takes a proactive role in developing recommendations and prototype technologies related to the Web.
Displayed in the title bar of the browser window
The text contained between title tags is:
*Scenario: The Internet Explorer 8 browser is being used to display a web page with an audio player but the audio element displays nothing on the page. Read the following code snippet and select the reason for the incorrect display from the choices below. <audio controls="controls"> <source src="podcast.mp3" type="audio/mpeg"> <source src="podcast.ogg" type="audio/ogg"> </audio>
There is no fallback content to display for browsers that do not support the audio element.
rowspan="value"
To create a table that spans several rows add
border-spacing: 0;
To eliminate the space between table cells (or double grid lines), use the ___________ property.
mark the tag in the destination location with an id attribute. IDs must be unique Example: <h3 id="Hr"> Hours </h3>
To jump to a specific location within a document, you first need to
use the previously-set id for the destination location in page2.html. Example: <a href="page2.html#XYZ"> Go to Page 2 </a>
To link to a specific location in page2.html
use the URL of the site: <a href="http://www.yahoo.com"> Go to Yahoo </a>
To link to a third-party web site on the Internet
<a href="mailto:[email protected]"> CSC 125 Class </a>
To link to an email
use the tag <a> in page1.html to create the following link. <a href="page2.html"> Go to Page 2 </a>
To link to page2.html from page1.html,
Which of the following is not a web design recommended practice?
Use frames whenever possible
Select a recommendation for mobile web design from the choices listed below. Select one: a. Use a two-column page layout. b. Use images that display text. c. Use percentage or em units for font sizes. Correct d. Configure all hyperlinks to open in new browser windows.
Use percentage or em units for font sizes.
Choose the recommended use of tables on web pages.
Use tables to organize tabular information
table
Use the ______ element to contain an HTML table
<div>
Use the ______ element to create a generic area or section on a web page that is physically separated from others
div
Use the ______ element to create a generic area or section on a web page that is physically separated from others.
3
Using CSS, you can apply styles to a web site in __________ different way(s):
Select the group whose mission is to create guidelines and standards for web accessibility
Web Accessibility Initiative
Select the group whose mission is to create guidelines and standards for web accessibility.
Web Accessibility Initiative
Select the group whose mission is to create guidelines and standards for Web Accessibility
Web Accessibility Initiative (WAI)
description list
What element contains each item in an ordered or unordered list?
p
What element is used to configure a new paragraph?
h1
What element is used to create the largest heading?
ordered list
What type of HTML list will automatically place a list marker, or bullet point, indicator in front of each item?
Inline
You suggest to Leon that he is defeating the goal of separating web page content from page formatting. What type of style is he making excessive use of?
check box
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
HTTP
______ is a set of rules for exchanging files such as text, graphic images, sound, video, and other multimedia files on the Web.
CSS was first proposed as a standard by the W3C in ___ a. 1996 b. 2002 c. 1992 d. None of the Above
a
Cascading Style Sheet rules are comprised of: a. Selectors and Declarations b. Properties and Declarations c. Selectors and Attributes d. None of the Above
a
Use the _______ property to configure multiple backgrounds on an element
background
What CSS property is used to set the background text color?
background-color
Which of the following is the CSS property used to set the background color? Question options: bgcolor background-color color none of the above
background-color
Which of the following is the CSS property used to set the text color? Question options: bgcolor background-color color none of the above
background-color
Select the code below that configures a background image to repeat horizontally across a web page
background-repeat: repeat-x;
Use the ___________________ property to resize or scale the background image.
background-size
Know how to correctly code a background color of #eaeaea on a web page using CSS.
body {background-color:#eaeaea; }
Select the code below that will configure a background image called parchment.gif for a web page using CSS
body {background-image:url(parchment.gif); }
The _______ is between the padding and the margin.
border
Use the ______ attribute to configure the browser to render default table and table cell borders.
border
Which of the following configures a 1 pixel, solid black border for an element?
border: 1px solid #000000;
The purpose of the _______ element is to describe the contents of a table.
caption
To apply a style to a certain group of elements on a web page, configure a CSS _____________.
class
What CSS property is used to set the text color?
color
Know how to apply a style to one or more elements on a web page using CSS.
configure a CSS class
Applying the design principle of __________ serves to add visual interest and draw attention
contrast
Consider _______ when designing for display on a mobile device
contrast font size small screen size
Use the _______ attribute on a video element to display user controls for the video player.
controls
Select the items below that can be used as a CSS selector. a. an HTML element b. a class name c. an ID name d. All of the Above
d
use the ___ tag to associate a web page with an external style sheet. a. <target> b. <a> c. <include> d. <link>
d
Which CSS property configures a flex container? Select one: a. flex b. display Correct c. flex-item d. justify-content
display
Select the browser's action when you configure BOTH a background color and background image for the body selector.
display the background color while the background image loads and before the background image is displayed
The Web Safe Color Palette is a collection of 216 colors that
display the most similar on both the Mac and PC platforms
________ will cause an object not to display. Select one: a. display: block; b. display: 0px; c. display: none; d. display: hide; Incorrect
display: none;
__________________ will cause an object not to display.
display: none;
Use the ______ element to create a generic area or section on a web page that is physically separated from others. Question options: div strong h1 small
div
What element is used to create a generic area or section on a web page that is physically separated from others?
div
When coding an audio element, the code placed before the closing audio tag is considered to be:
fallback content
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;
If an element is configured with ___________ the other content on the page will appear to its left.
float:right;
A page layout technique that often uses a percentage value for width is called _____________.
fluid
