IST Final Exam
Write a style rule for a new selector id named wrapper, with declarations that center content within the browser viewport using width of 80%.
#wrapper { margin: auto; width: 80%; }
How would you define a fragment identifier at the top of a page, called �top�? Question options: A) <div id="top"> B) <div bookmark="top"> C) <div id="#top"> D) <div href="top">
A) <div id="top">
Select the code below that associates a favorites icon named favicon.ico with a web page document. Question options: A) <link rel="icon" type="image/x-icon" href="favicon.ico"> B) <img href="favicon.ico" alt="favorites" width="16" height="16"> C) <a href="favicon.ico"> <img href="favicon.ico" alt="favorites" width="16" height="16"></a> D) <link rel="favicon" type="image/gif" href="favicon.ico">
A) <link rel="icon" type="image/x-icon" href="favicon.ico">
New Top Level Domains (TLDs) are coordinated by: Question options: A) ICANN B) no one, because anyone can add a TLD to the Domain Name System C) W3C D) TCP
A) ICANN
A domain name is a unique text-based Internet address corresponding to a unique ____________. Question options: A) IP address B) Domain name C) URL D) User name
A) IP address
Select the true statement below. Question options: 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) Placing white space around graphics and headings helps them to stand out.
A radial gradient is a smooth blending of color emanating outward from a single. Question options: A) True B) False
A) True
The Domain Name System is used to purchase domain names. Question options: A) True B) False
A) True
Use the _____ attribute on the form element to specify the name and location of the script that will process the form control values. Question options: A) action B) process C) method D) none of the above
A) action
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. Question options: A) alt B) text C) src D) height
A) alt
Choose the element that configures text to be indented from both the left and right margins. Question options: A) blockquote B) p C) hl D) div
A) blockquote
The _______ is between the padding and the margin. Question options: A) border B) spacing C) padding D) content
A) boarder
Select the code below that will configure a background image called parchment.gif for a web page using CSS. Question options: A) body {background-image:url(parchment.gif); } B) document {background:parchment.gif; } C) body {background:parchment.gif;} D) body {background-color:parchment.gif;}
A) body {background-image:url(parchment.gif); }
Use the ______ element to create a generic area or section on a web page that is physically separated from others. Question options: A) div B) strong C) hl D) small
A) div
Components of responsive web design include: Question options: A) fluid layout, flexible images, media queries B) valid syntax, embedded CSS, media queries C) fluid layout, valid syntax, embedded CSS D) flexible images, media queries, valid syntax
A) fluid layout, flexible images, media queries
What element is used to create the largest heading? Question options: A) h1 B) h9 C) head D) h
A) h1
A web page document is contained between opening and closing ________tags. Question options: A) html B) doctype C) head D) body
A) html
Which attribute below defines a fragment identifier in a page? Question options: A) id B) identifier C) fragment D) bookmark
A) id
Which of the following, from outermost to innermost, are components of the box model? Question options: 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 used along with the width property to configure centered page content? Question options: A) margin-left: auto; margin-right: auto B) margin: top-10, left-0, right-0, bottom-10; C) margin: 15px 0 5px 0; D) margin: 20px;
A) margin-left: auto; margin-right: auto
Use the _______ attribute in the HTML link element to associate a web page with a style sheet for printing. Question options: A) media="print" B) out="printer" C) media="paper" D) media="screen"
A) media="print"
Which of the following is a CSS selector that will configure the anchor elements within the nav element. Question options: A) nav a B) .nav a C) nav anchor D) #nav a
A) nav a
The CSS3 _______ property configures the transparency of an element. Question options: A) opacity B) transparency C) background-opacity D) opacity-background
A) opacity
Which of the following is correct CSS syntax? Question options: A) p { color: #000000; } B) p { color=#000000; } C) p : color #000000; D) p { color;#000000; }
A) p { color: #000000; }
Use the CSS ______ property to configure the cellpadding of a table. Question options: A) padding B) margin C) cellpadding D) border-spacing
A) padding
Use the ________ property along with the left, right and/or top property to precisely configure the position of an element. Question options: A) position: absolute; B) position: relative; C) position: float; D) absolute: position;
A) position: absolute;
Select the attribute used to configure the width of a text box as displayed in a browser. Question options: A) size B) maxsize C) limit D) columns
A) size
The __________ attribute of the anchor element can cause the new web page to open in its own browser window. Question options: A) target B) window C) id D) name
A) target
_____ The CSS vertical-align property can be used to configure the vertical alignment of the contents of a table cell. Question options: A) True B) False
A) true
Choose the special character that is used to indicate a blank space. Question options: A) ␣ B) C) © D) &space;
B)
Use the expression ___________________ in a media query to target devices with screens up to 480 pixels in width. Question options: A) (width: 480px) B) (max-width: 480px) C) (min-width: 480px;) D) (size: 480px;)
B) (max-width: 480px)
Select the code below that configures a class called �offer� with blue text using CSS. Question options: A) offer { color: blue; } B) .offer { color: blue; } C) .offer { text: blue; } D) #offer { color: blue; }
B) .offer { color: blue; }
Select the code below that configures a class called �offer� with blue text, 1.2em, and Arial or sans-serif font using CSS. Question options: A) .offer { color:blue; font-size:1.2em; font-family:sans-serif;} B) .offer { color:blue; font-size:1.2em; font-family:Arial,sans-serif;} C) .#offer { text:blue; font-size:1.2em; font-family:Arial,sans-serif;} D) #offer { text:blue; font-size:20px; font-family:Arial,sans-serif;}
B) .offer { color:blue; font-size:1.2em; font-family:Arial,sans-serif;}
The default value for the border property for an element is: Question options: A) 1 pixel B) 0 pixels C) 3 pixels D) 10 pixels
B) 0 pixels
The _______ pseudo-class configures the styles that will apply for a hyperlink that has not been visited by the user. Question options: A) :unvisited B) :link C) :visited D) :new
B) :link
Which of the following CSS3 pseudo-elements will be useful when configuring every other row of a table? Question options: A) :last-of-type B) :nth-of-type(n) C) : every-other-type D) This cannot be done with CSS
B) :nth-of-type(n)
Which of the following symbols terminates a style declaration? Question options: A) : colon B) ; semi-colon C) ! exclamation mark D) # hash mark
B) ; semi-colon
How would you configure a hyperlink from the index.html file to another file named services.html which is located in the same folder? Question options: A) <a target="services.html">Services</a> B) <a href="services.html"> Services </a> C) <a name="services.html"> Services </a> D) <a> Services </a>
B) <a href="services.html"> Services </a>
Select the term below which is a protocol that provides a method for software components to communicate, interact, and share data. Question options: A) JavaScript B) Application Programming Interface C) Java D) Canvas
B) Application Programming Interface
The text contained between title tags is: Question options: A) Not displayed by browsers B) Displayed in the title bar of the browser window C) Not used by search engines D) Never seen by your web page visitor.
B) Displayed in the title bar of the browser window
HTML5 is the last version of HTML. Question options: A) True B) False
B) False
The ____ protocol is a set of rules that controls how data is sent between computers on the Internet. Question options: A) HTTP B) IP C) TCP D) FTP
B) IP
Select the group whose mission is to create guidelines and standards for Web Accessibility. Question options: A) ICANN B) Web Accessibility Initiative (WAI) C) International Webmasters Association (IWA) D) Internet Society
B) Web Accessibility Initiative (WAI)
A(n) _______ website provides accommodations to individuals with visual, auditory, physical, and neurological disabilities. Question options: A) popular B) accessible C) reliable D) none of the above
B) accessible
Use the ________________ property to confine the display of the background image. Question options: A) background-image B) background-clip C) background-origin D) background-size
B) background-clip
Select the code below that configures a background image to repeat horizontally across a web page. Question options: A) repeat: across; B) background-repeat: repeat-x; C) background-repeat: no-repeat; D) background-repeat: repeat-y;
B) background-repeat: repeat-x;
Use the ________________ property to configure rounded corners with CSS. Question options: A) border-round B) border-radius C) box-shadow D) background-corner
B) border-radius
Which of the following CSS3 properties position the caption of a table? Question options: A) caption B) caption-side C) thead D) summary
B) caption-side
An External Style Sheet uses the _____ file extension. Question options: A) ess B) css C) html D) no file extension is necessary
B) css
The Web Safe Color Palette is a collection of 216 colors that Question options: A) display quicker than other colors B) display the most similar on both the Mac and PC platforms C) relate to the fashion industry and change each year D) none of the above
B) display the most similar on both the Mac and PC platforms
Which of the following is a CSS selector that will configure the paragraph elements within the footer element. Question options: A) p footer B) footer p C) #footer p D) .footer p
B) footer p
The meta element is coded in the ___________ section of a web page document. Question options: A) body B) head C) footer D) DOCTYPE
B) head
Use the ______ attribute on a td element to associate it with a table heading cell. Question options: A) th B) headers C) heading D) title
B) headers
Use the th element to indicate a table column or row _____. Question options: A) data B) heading C) summary D) caption
B) heading
Select the three most common methods of organizing web sites. Question options: A) horizontal, vertical, and diagonal B) hierarchical, linear, and random C) accessible, readable, maintainable D) fluid, liquid, fixed
B) hierarchical, linear, and random
Select the element that displays an image on a web page. Question options: A) a B) img C) image D) graphic
B) img
Different browsers and even different browser versions will display your web page ______. Question options: A) in exactly the same way B) in different ways C) only if you buy the browser D) only if you use HTML5.
B) in different ways
A ___________ color scheme consists of shades, tints, or tones of the same color. Question options: A) analogous B) monochromatic C) complementary D) triadic
B) monochromatic
The purpose of the ________ element is used to configure the main navigation area on a web page. Question options: A) header B) nav C) navigation D) command
B) nav
A ________ consists of two or more computers connected for the purpose of communicating and sharing resources. Question options: A) Server B) Network C) Client D) MIME
B) network
When configuring the background color of an element, the background color is applied to both the content and ______ areas. Question options: A) border B) padding C) margin D) extra
B) padding
When applying the design principle of __________ related items are grouped together. Question options: A) linear B) proximity C) repetition D) alignment
B) proximity
Progressively enhancing a web page for different viewing contexts (such as smartphones and tablets) through the use of coding techniques is called _________________________. Question options: A) optimization B) responsive web design C) mobile web design D) fixed web design
B) responsive web design
Select the form control below that does not use the input element. Question options: A) text box B) select list C) check box D) radio button
B) select list
The _________ element is a void element that specifies a media file and a MIME type. Question options: A) object B) source C) param D) iframe
B) source
Use the ______ element to create logical areas on a web page that are embedded within paragraphs or other block formatting elements. Question options: A) div B) span C) both a and b D) neither a nor b
B) span
What is the term used to describe image file that contains multiple small graphics? Question options: A) thumbnail image B) sprite C) image link D) viewport
B) sprite
Choose the preferred element to use when configuring important text that is intended to be displayed a bold font style. Question options: A) i B) strong C) em D) b
B) strong
Use the _____ element to code embedded styles on a web page. Question options: A) link B) style C) embed D) css
B) style
Which of the following is an HTML attribute that configures inline styles? Question options: A) link B) style C) id D) type
B) style
Use the headers attribute on the ___ element to correspond to the id attribute on a ___ element. Question options: A) tbody, table B) td, th C) td, tr D) td, table
B) td, th
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. Question options: A) div B) section C) article D) aside
C) article
The ________ HTML5 element indicates tangential or supplemental content. Question options: A) header B) nav C) aside D) section
C) aside
Use the _______ property to configure multiple backgrounds on an element. Question options: A) multiple-background B) multiple C) background D) backgrounds
C) background
Use the ______ attribute to configure the browser to render default table and table cell borders. Question options: A) tableborder B) width C) border D) border-spacing
C) boarder
Select the recommended design practice that applies to a web site using images for main site navigation. Question options: A) provide alternative text for the images B) configure text hyperlinks at the bottom of the page C) both a and b D) no special considerations are needed
C) both a and b
To apply a style to one or more of elements on a web page, configure a CSS _____________. Question options: A) group B) id C) class D) attribute
C) class
Which of the following is the CSS property used to set the text color? Question options: A) bgcolor B) background-color C) color D) none of the above
C) color
Use the _______ attribute on a video element to display user controls for the video player. Question options: A) poster B) player C) controls D) image
C) controls
The HTML5 _____________ form control provides the user with a selection of choices along with an option to enter information. Question options: A) select list B) check box C) datalist D) slider
C) datalist
Select the term below which names an HTML5 API that allows web page visitors to share their geographic location. Question options: A) geodata B) web storage C) canvas D) geolocation
D) geolocation
The purpose of the __________ element is to configure a label for a fieldset element. Question options: A) label B) p C) form D) legend
D) legend
Use the ______ element to associate a web page with an external style sheet. Question options: A) target B) a C) include D) link
D) link
_________ flow displays the elements on the page in the order they appear in the web page source code. Question options: A) default B) source code C) browser D) normal
D) normal
The four principles of WCAG 2.0 are as follows: Question options: A) linear, hierarchical, random, sequential B) contrast, repetition, alignment, proximity C) browsers, CSS, HTML, Notepad D) perceivable, operable, understandable, robust
D) perceivable, operable, understandable, robust
Use the ______ element to contain an HTML table. Question options: A) th B) td C) tr D) table
D) table
A _______________color scheme consists of three colors that are equidistant on the color wheel. Question options: A) tetradic B) analogous C) complementary D) triadic
D) triadic
Which of the following is NOT a valid value for the border-style property? Question options: A) dashed B) groove C) solid D) triple
D) triple
Select recommended usability and accessibility practices: Question options: A) use video and sound whenever possible B) supply text descriptions of audio and video files that appear in your web pages C) never use audio and video files D) none of the above
B) supply text descriptions of audio and video files that appear in your web pages
When a browser supports the details and summary elements, Question options: A) the initial display does not show the content contained within either the details and or summary elements . B) the initial display shows only the content contained within the summary element. C) the initial display shows only the content contained within the details element but not the summary element. D) the initial display shows the content contained within both the details and summary elements.
B) the initial display shows only the content contained within the summary element.
A smaller version of a image that usually links to the larger image is called a: Question options: A) hyperlink B) thumbnail image C) small image D) wallpaper
B) thumbnail image
Select the best reason to include height and width attributes on an image element. Question options: A) they are required attributes and must always be included B) to help the browser render the page faster because it reserves the appropriate space for the image C) to help the browser display the image in its own window D) none of the above
B) to help the browser render the page faster because it reserves the appropriate space for the image
Which of the following is not a web design recommended practice? Question options: A) design your site to be easy to navigate B) use dark text on dark backgrounds C) design your pages to load quickly D) limit the use of animated items
B) use dark text on dark backgrounds
A border can be configured on only one side of an element. Question options: A) True B) False
B)False
A language using a text-based syntax intended to extend the power of HTML by separating data from presentation is called _______. Question options: A) DHTML B) XML C) XHTML D) SGML
B)XML
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. Question options: A) em B) i C) strong D) b
B)i
When used as a selector in CSS, the _______ character represents the universal selector. Question options: A) # B) & C) * D) \
C) *
Choose the HTML tag below that would configure a scrolling text box with the name "feedback", 3 rows, and 60 characters. Question options: A) <textarea name="feedback" width="60" rows="3"></textarea> B) <input type="textarea" name="feedback" size="60" rows="3" > C) <textarea name="feedback" rows="3" cols="60"></textarea> D) none of the above
C) <textarea name="feedback" rows="3" cols="60"></textarea>
Select the statement below that is true about forms. Question options: A) The form element is optional B) It is recommended to use mailto: as the action on a form since that is the easiest for the web developer C) A form can be used to pass information to a program or script on the web server D) none of the above is true
C) A form can be used to pass information to a program or script on the web server
The concept of _____________ relates to providing a single resource that is configured for optimal display on multiple types of devices. Question options: A) hierarchical B) accessibility C) One Web D) fluid layout
C) One Web
Select protocols that are used for e-mail processing. Question options: A) ETP, FTP B) SMTP, POP3 C) SMTP, POP3, IMAP D) ETP, FTP, SMTP
C) SMTP, POP3, IMAP
Choose the true statement below. Question options: A) The content that displays in the browser is contained in the head section. B) Information about the web page is contained in the body section. C) The content that displays in the browser is contained in the body section. D) All of the above are true.
C) The content that displays in the browser is contained in the body section.
Select the main reason for the initial development of the World Wide Web from the list below: Question options: A) To allow companies to advertise over the Internet. B) To allow companies to conduct commerce over the Internet C) To allow communication between researchers and links between research papers D) none of the above
C) To allow communication between researchers and links between research papers
Select the browser�s action when you configure BOTH a background color and background image for the body selector. Question options: A) display the background color instead of the background image B) will display no background for the page because it is �confused� C) display the background color while the background image loads and before the background image is displayed D) do none of the above
C) display the background color while the background image loads and before the background image is displayed
__________________ will cause an object not to display. Question options: A) display: block; B) display: 0px; C) display: none; D) display: fixed;
C) display: none;
Choose the item below that is not a valid value for the input element�s type attribute. Question options: A) radio B) url C) e-mail D) text
C) e-mail
Choose the preferred element to use when emphasizing text that is intended to be displayed in italic font style. Question options: A) i B) strong C) em D) b
C) em
A page layout technique that often uses a percentage value for width is called _____________. Question options: A) ice B) fixed C) fluid D) wireframe
C) fluid
Which of the following configures Arial, Verdana, or the default sans-serif font for an element? Question options: A) font-face: Arial; B) font-type: Arial, Verdana, sans-serif; C) font-family: Arial, Verdana, sans-serif; D) font-typeface: Arial, Verdana, sans-serif;
C) font-family: Arial, Verdana, sans-serif;
Select the most commonly used site organization for commercial web sites. Question options: A) random B) linear C) hierarchical D) none of the above
C) hierarchical
The element used to create a horizontal line on a web page is: Question options: A) hl B) br C) hr D) div
C) hr
Select the attributes that are used in the area element to configure a clickable area on an image map. Question options: A) src, left, top, alt B) href, left, top, alt C) href, coords, shape, alt D) src, coords, shape, alt
C) href, coords, shape, alt
The letters in the acronym HSLA indicate: Question options: A) hue, selection, lightness, alpha B) hue, saturation, luminosity, alpha C) hue, saturation, lightness, alpha D) hue, shade, luminosity, alpha
C) hue, saturation, lightness, alpha
The process of creating an image with the lowest file size that still renders a good-quality image is called ______________. Question options: A) responsive web design B) accessible web design C) image optimization D) image sprites
C) image optimization
Which value for the display property is useful when configuring horizontal navigation within an unordered list? Question options: A) none B) block C) inline D) fixed
C) inline
From the choices below select the correct order to code CSS pseudo-classes. Question options: A) link, hover, visited, active B) hover, link, active, visited C) link, visited, hover, active D) link, hover, active, visited
C) link, visited, hover, active
The purpose of the ________ element is used to configure the main content of a web page document. Question options: A) header B) nav C) main D) content
C) main
Select the example below that configures a container to clear all floated elements that are within the container. Question options: A) clear: both; B) overflow: all; C) overflow: auto; D) clear: all;
C) overflow: auto;
The _______ is the area between the content and the border. Question options: A) border B) spacing C) padding D) margin
C) padding
The purpose of the ____________ element is to provide a method for a browser to display different images depending on specific criteria indicated by the web developer. Question options: A) media B) target C) picture D) sizes
C) picture
Choose the graphic format that supports millions of colors, supports variable transparency levels, and uses lossless compression. Question options: A) gif B) jpg C) png D) bmp
C) png
An HTML table is comprised of ____ and ______. Question options: A) lines and text B) headers and body C) rows and columns D) none of the above
C) rows and columns
Select the form control below that would be most appropriate to accept free-form comments about your website. Question options: A) select list B) text box C) scrolling text box D) None of the above
C) scrolling text box
Use the __________ property to align text within an element. Question options: A) align B) font-align C) text-align D) you cannot align text with CSS
C) text-align
The CSS3 _____________ property provides for changes in property values to display in a smoother manner over a specified time. Question options: A) display B) transform C) transition D) hover
C) transition
What type of HTML list will automatically place a list marker, or bullet point, indicator in front of each item? Question options: A) bulleted list B) ordered list C) unordered list D) description list
C) unordered list
Select a good design recommendation for text hyperlinks. Question options: 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
An ________________ modifies or further describes the function of an element. Question options: A) tag B) doctype C) attribute D) none of the above
C)attribute
Select the items below that can be used as a CSS Selector. Question options: A) an HTML element B) a class name C) an id name D) All of the above
D) All of the above
Select a disadvantage of displaying Flash media in a web page from the list below: Question options: A) You need to create multiple video files in different formats. B) No browser plug-in or player is needed. C) Flash is supported in all browsers. D) Flash is not supported on many mobile devices.
D) Flash is not supported on many mobile devices.
Select the true statement from the choices below. Question options: A) A web page will not display in a browser unless it passes syntax validation testing. B) A web page must pass syntax validation testing before it is used. C) Validation testing guarantees that your web page will looks good. D) Invalid code may cause browsers to render the pages slower than otherwise.
D) Invalid code may cause browsers to render the pages slower than otherwise.
Select a recommendation for mobile web design from the choices listed below. Question options: A) Use a single column page layout B) Use large images C) Use pt units for font sizes D) None of the above are best practices for mobile web design
D) None of the above are best practices for mobile web design
Select the true statement from those listed below. Question options: A) The input element with type=�email� will cause all browsers to edit for a valid e-mail address. B) The required attribute will cause all browsers to verify that the user has entered information into the form control. C) The input element with type=�date� will cause all browsers to display a calendar control D) The input element with type=�email� will cause browsers that do not support the attribute to display a text box.
D) The input element with type=�email� will cause browsers that do not support the attribute to display a text box.
Choose the elements that are used in a description list. Question options: A) dt B) dl C) dd D) all of the above
D) all of the above
Select the items below that can help to appeal to the intended or target audience of a site. Question options: 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) all of the above
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. Question options: A) i B) strong C) em D) b
D) b
Use the ___________________ property to resize or scale the background image. Question options: A) background-image B) background-clip C) background-origin D) background-size
D) background-size
The CSS opacity property configures the display of _____________ . Question options: A) only the background B) only the text C) neither the text or the background D) both the text and the background
D) both the text and the background
The _______________ element is a placeholder in which dynamic graphics can be configured. Question options: A) video B) script C) embed D) canvas
D) canvas
Select the item below that lists the top level domain name for the URL http://www.yahoo.com. Question options: A) http B) www C) yahoo D) com
D) com
Select a transition-timing-function value which configures a transition effect that begins at a constant speed and slows down at the end. Question options: A) ease B) linear C) ease-in D) ease-out
D) ease-out
If an element is configured with ___________ the other content on the page will appear to its left. Question options: A) position: left; B) position: relative; C) float :left; D) float: right;
D) float: right;
The purpose of the ________ element is used to configure the footer information on a web page document. Question options: A) heading B) foot C) div D) footer
D) footer
