HTML & CSS 2
Which HTML element uses a border attribute to indicate a table has a border? <td> <tr> <table> <tableborder>
<table>
Which HTML tag pair is used to group rows in the footer of a table? <footer> </footer> <tr> </tr> <tfoot> </tfoot> <trfoot> </trfoot>
<tfoot> </tfoot>
Which HTML tag pair is used to specify table headings? <td> </td> <th> </th> <head> </head> <tr> </tr>
<th> </th>
Which HTML tag pair is used to begin and end a table row? <td> </td> <tr> </tr> <table> </table> <th> </th>
<tr> </tr>
Which code will make borders visible on a table? border="1" border="0" no extra code is necessary, borders are visible by default border="display"
border="1"
Which of the following is the CSS property that configures a drop shadow effect on text? box-shadow text-shadow drop-shadow shadow
box-shadow
Which CSS property will configure bold text? a. font-face b. font-style c. font-weight d. font-size
c. font-weight
Which CSS property will configure italic text? a. font-face b. font-style c. font-weight d. font-size
c. font-weight
Which of the following properties can be used to clear a float? float or clear clear or overflow position or clear overflow or float
clear or overflow
Which of the following is the recommended use of tables on web pages? configuring the layout of an entire page organizing information forming hyperlinks configuring a resume
organizing information
Which CSS property configures the area between the content and the margin? white-space box-shadow padding opacity
padding
Which CSS property replaces the use of the HTML cellpadding attribute? cell-padding border-spacing padding border
padding
Which of the following will configure padding that is 15 pixels on the top, 0 pixels on the left and right, and 5 pixels on the bottom? padding: 0px 5px 0px 15px; padding: top-15, left-0, right-0, bottom-5; padding: 15px 0 5px 0; padding: 0 0 15px 5px;
padding: 15px 0 5px 0;
Which are the four principles of the Web Content Accessibility Guidelines? contrast, repetition, alignment, and proximity perceivable, operable, understandable, and robust accessible, readable, maintainable, and reliable hierarchical, linear, random, and sequential
perceivable, operable, understandable, and robust
Which of the following is a container element that is coded along with source elements and a fallback img element to provide multiple image files that can be chosen for display by the browser? photo picture figure sourceset
picture
Which of the following is used along with the left, right, and/or top property to precisely configure the position of an element outside of normal flow? position: relative; position: absolute; position: float; absolute: position;
position: absolute;
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 static positioning absolute positioning fixed positioning
relative positioning
Which of the following is a void element that specifies a media file name and MIME type, and is used inside the audio or video tags to provide multiple audio or video formats? iframe anchor param source
source
Which of the following is an image file that contains multiple small graphics? thumbnail snap sprite float
sprite
Which of the following attributes of the image element will provide a method for the browser to display different files based on specific criteria? href srcset sizes alt
srcset
margin: 10px 12px;
top = 10px and bottom = 10px, right = 12px and left = 12px
margin: 15px;
top = 15px, right = 15px, bottom = 15px, left = 15px
margin: 5px 10px 7px;
top = 5px, right = 10px and left = 10px bottom = 7px
margin: 5px 10px 7px 12px;
top = 5px, right = 10px, bottom = 7px, left = 12px
Which code will make the text of even rows appear red? tr:nth-of-type(even) { color: red; } tr:nth-of-type(odd) { color: red; } td:nth-of-type(even) { color: red; } table:nth-of-type(even) { color: red; }
tr:nth-of-type(even) { color: red; }
Which property provides a way for you to rotate, scale, skew, or move an element? display transition transform list-style-type
transform
Which property enables changes in property values to display in gradual manner over a specified time? transition transform display opacity
transition
Which of the following is the design of products and environments to be usable by all people, to the greatest extent possible, without the need for adaptation or specialized design? accessibility usability universal design functionality
universal design
What is the measure of the quality of a user's experience when interacting with a website? accessibility usability universal design assistive technology
usability
What type of files are .webm, .ogv, and .m4v? audio files video files Flash files none of the above
video files
Which meta tag is used to configure display for mobile devices? viewport handheld mobile screen
viewport
Which web hosting option is appropriate for the initial web presence of an organization? dedicated hosting free web hosting virtual hosting colocated hosting
virtual hosting
Which of the following is an HTML API that stores information on the client? geolocation web storage client storage canvas
web storage
Which statement applies box-sizing to all HTML elements? { box-sizing: border-box; } all { box-sizing: border-box; } * { border-box: box-sizing; } all { border-box: box-sizing; }
{ box-sizing: border-box; }
Which of the following configures a class called notes to float to the left? .notes { left: float; } .notes { float: left; } .notes { float-left: 200px; } .notes { position: float; }
.notes { float: left; }
Which of the following pseudo-classes is the default state for a hyperlink that has already been clicked? :hover :link :onclick :visited
:visited
Which of the following is the rendering flow used by a browser by default? HTML flow normal display browser flow normal flow
normal flow
Which CSS declaration removes extra space between table and cell borders? display: none; border-style: none; border-spacing: 0 border-collapse: 0;
border-spacing: 0
What tags are used to configure an interactive widget that will hide and show information? <details> and <summary> <details>, <summary>, and <ul> <summary>, <visual>, and <details> <summary> and <visual>
<details> and <summary>
Which tag configures a phone hyperlink so that it can be tapped on a smart phone to dial the number? <a href="tel:555-555-1234">Call me!</a> <a href="phone:555-555-1234">Call me!</a> <a href="sms:555-555-1234">Call me!</a> <a href="dial:555-555-1234">Call me!</a>
<a href="tel:555-555-1234">Call me!</a>
Which HTML element describes the contents of a table? <table> <caption> <summary> <thead>
<caption>
Which statement is FALSE about links to jump to specific portions of a single HTML page? Always put a hash tag, "#", before the target name in the fragment identifier. Establish the target by adding a fragment identifier to the tag in that location. Reference the target with an anchor tag that has an href for the fragment identifier. A fragment identifier is an HTML element with an ID attribute.
Always put a hash tag, "#", before the target name in the fragment identifier.
Which of the following is optimized for responsive two-dimensional page layout? CSS Absolute Positioning CSS Display Layout CSS Flexible Box Layout CSS Grid Layout
CSS Grid Layout
Which of the following is a protocol commonly used to transfer files over the Internet? port http FTP SMTP
FTP
Which of the following is NOT a way to create multi-column layout? HTML column tags HTML table tags CSS flexbox layout CSS grid layout
HTML column tags
Which statement is FALSE about the caption element? It is considered invalid and obsolete in HTML5. It is used to describe the contents of a table. It is inside the table, immediately after the opening <table> tag. It appears as centered text above the table.
It is considered invalid and obsolete in HTML5.
Which statement is FALSE about jQuery? It is not necessary to know JavaScript to efficiently use jQuery. It is a library of JavaScript scripts. It can be used to configure many interactive features, like mouse movements, animation and transitions, slideshows, tool tips. jQuery is compatible with all current browsers, and is an open-source library.
It is not necessary to know JavaScript to efficiently use jQuery.
Which statement is FALSE about table sections? It is possible to have only one of the sections in a table. The table sections are <thead>, <tbody>, <tfoot>. A table section can include any number of rows. Table sections can be independently styled using CSS.
It is possible to have only one of the sections in a table.
Which of the following is true about domain names? It is recommended to register multiple domain names that are redirected to your website. It is recommended to use long, descriptive domain names. It is recommended to use hyphens in domain names. There is no reason to check for trademarks when you are choosing a domain name.
It is recommended to register multiple domain names that are redirected to your website.
What is the purpose of private registration for a domain name? It protects the privacy of your web host. It is the cheapest form of domain name registration. It protects the privacy of your contact information. None of the above.
It protects the privacy of your contact information.
Which of the following is an object-based, client-side scripting language? HTML CSS JavaScript API
JavaScript
Which statement is FALSE about JavaScript? JavaScript is interpreted by a server. JavaScript tags can be coded in a separate file. JavaScript tags can be coded in an HTML file. JavaScript can be used to respond to events, such as mouse movements and clicking a button.
JavaScript is interpreted by a server.
Which tool manages much of the interactivity on the Web? JavaScript scripts jQuery plug-ins Specific APIs, such as the geolocation API server-side languages like PHP
JavaScript scripts
Which of the following statements is true? No single testing tool can automatically test for all web standards. Include as many people as possible when you conduct usability tests. Search engine listings are effective immediately after submission. None of the above statements are true.
No single testing tool can automatically test for all web standards.
What is an important tip for organizing the HTML code to successfully display a 2-column layout using floats? Put the element that floats first, before the elements that will appear beside it. Put the element that floats after the other elements that appear beside it. Put the element that floats at the very top of the body. Put the element that floats at the very bottom of the body,.
Put the element that floats first, before the elements that will appear beside it
Which of the following should you do to provide for usability and accessibility? Use video and sound whenever possible. Supply text descriptions of audio files and caption video files that appear in your web pages. Never use audio and video files. None of the above.
Supply text descriptions of audio files and caption
Which of the following would occur if a browser does not support grid or flexbox layout? The browser will display a warning message. The browser will ignore properties associated with grid and flexbox. The device will shut down. The browser will display a blank page.
The browser will ignore properties associated with grid and flexbox
What happens when a browser does not support the <video> or <audio> element? The computer crashes. The web page does not display. The fallback content, if it exists, will display. None of the above.
The fallback content, if it exists, will display.
Which of the following is an open-source video codec? Theora MP3 Vorbis Flash
Theora
Which statement is FALSE about search engine optimization? Use keywords as many times as possible in the tags and content of the page. Use a descriptive page title. Create a meta tag with a description of the page. Verify that all links are working. Include meaningful alternate text for images.
Use keywords as many times as possible in the tags and content of the page.
Which CSS property will configure rounded corners? border border-radius radial margin
border-radius
Which statement is FALSE about gradients? a. Linear gradients are part of the "background-color" property. b. A gradient is a smooth blending of colors, no image file needed. c. A linear gradient blends color from top to bottom, bottom to top, left to right, or right to left. d. A radial gradient blends color from a central spot outward.
a. Linear gradients are part of the "background-color" property. Linear gradients use the background-image property.
Which statement is FALSE about text-shadow and box-shadow properties? a. The box-shadow property puts a shadow on each letter. b. Both require at least 3 values, horizontal offset, vertical offset, and color, for example: box-shadow: 5px 5px blue; c. Positive numbers for horizontal offset put the shadow on the right; negative values put the shadow on the left. d. Positive numbers for vertical offset put the shadow below; negative values put the shadow above.
a. The box-shadow property puts a shadow on each letter.
Which of the following will configure a border that is 5 pixels wide, the color #330000, and a solid line? a. border: 5px solid #330000; b. border-style; solid 5px; c. border: 5px, solid, #330000; d. border: 5px line #330000;
a. border: 5px solid #330000;
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 will center a block of content on the page, but will not affect the placement of the text within that block? a. margin-left: auto;margin-right: auto;width: 80%; b. margin: top-15, left-0, right-0, bottom-5;text-align: center; c. margin: 15px 0 5px 0;width: 80%; d. margin: 20px;width: 80%;text-align: center;
a. margin-left: auto;margin-right: auto;width: 80%;
Which line makes a hyperlink green when the cursor is hovering over it? a:hover { color: green; } :hover { color: green; } a hover { color: green; } hover a { color: green; }
a:hover { color: green; }
Which CSS property will center text within an element? a. center b. text-align c. align d. text-center
b. text-align
Which CSS property specifies the background color of a table? background bgcolor background-color border-spacing
background-color
Which CSS property will configure a gradient background? background-gradient background-image background-clip linear-gradient
background-image
Which CSS property can be used to resize or scale a background image? background-repeat background-size background-clip background-origin
background-size
Which statements are FALSE about opacity and transparency? (Select 3) a. Opacity of 0 means it is completely transparent (you can see through it) b. Opacity of 1 means it is completely opaque (you cannot see through it) c. Both text and background are affected by the opacity property at the same time. d. Opacity of 0 means it is completely opaque (you can't see through it) e. Opacity of 1 means it is completely transparent (you can see through it) f. Only text is affected by opacity.
d. Opacity of 0 means it is completely opaque (you can't see through it) e. Opacity of 1 means it is completely transparent (you can see through it) f. Only text is affected by opacity.
Which elements can be used to configure an interactive widget? hide and show details and summary display and hidden title and summary
details and summary
Which of the following causes an element to display without empty space above and below? display: block; display: static; display: none; display: inline;
display: inline;
Which of the following causes an element not to display? display: block; display: 0px; display: none; display: inline;
display: none;
Which of the following is a conditional that can be used to test for support of a CSS property? viewport query media query property query feature query
feature query
Which of the following properties configures proportional flexible items? align-items flex flex-wrap justify
flex
Which of the following values would you assign to the display property to configure a flexbox container? grid flexbox flex inline
flex
Which of the following properties configures empty space between grid tracks? gutter align gap flex-direction
gap
In which of the following sections of a web page should meta tags be placed? head body comment none of the above
head
Which HTML attribute associates a table data cell with a table header cell? head headers align rowspan
headers
Which of the following elements displays the contents of another web page document? iframe div document object
iframe
Which of the following elements displays the contents of another web page within your web page document? iframe div document object
iframe
Which of the following properties configure how the browser should display extra space along the main axis in the flex container? align flex-flow flex-direction justify-content
justify-content
Which of the following is a rating determined by a search engine based on the number and quality of hyperlinks to a website? link checking link rating link popularity search engine optimization
link popularity
Which CSS property configures the empty space between adjacent elements? padding border margin letter-spacing
margin
Which of the following, from outermost to innermost, are components of the box model? margin, border, padding, content content, padding, border, margin content, margin, padding, border margin, padding, border, content
margin, border, padding, content
Which of the following is used along with the width property to configure centered page content? margin-left: auto; margin-right: auto; margin: top-15, left-0, right-0, bottom-5; margin: 15px 0 5px 0; margin: 20px;
margin-left: auto; margin-right: auto;
Which of the following is the attribute to indicate whether the style sheet is for printing or for screen display? media rel type content
media
Which of the following is an example of using a descendant selector to configure the anchor tags within the nav element? nav. a a nav nav a #nav a
nav a
Which lines of code are needed to configure horizontal navigation links in an unordered list, which have no underlines? (Select 3) nav ul { list-style-type: none; } nav li { display: inline; } nav a { text-decoration: none; } nav li { text-decoration: none; } nav a { display: inline; } nav li { list-style-type: none; }
nav ul { list-style-type: none; } An unordered list has list style, usually bullets, so the list is the tag that needs to specify list-style-type. nav li { display: inline; } It is the list items, <li> tag, that need to display horizontally, not the <ul> tag. nav a { text-decoration: none; } It is anchor tags, <a>, that have a default text decoration of an underline.
