Quick Links Logout Sergio Navar My Blackboard Help 1. 201501 WDV101 15017 - Intro HTML and CSS 2. Course Content 3. Exam #1 4. Review Test Submission: Exam #1 201501 WDV101 15017 - Intro HTML and CSS Announcements Syllabus Your Instructor Course Content Tools My Grades Review Test Submission: Exam #1 User Course Test Started Submitted Due Date Status Attempt Score Time Elapsed Results Displayed Sergio Navar 201501 WDV101 15017 - Intro HTML and CSS Exam #1 10/2/14 6:06 PM 10/2/14 7:01 PM 10/2/14 10:00 PM Needs Grading Grade not available. 55 minutes out of 2 hours All Answers, Submitted Answers, Correct Answers, Feedback, Incorrectly Answered Questions Question 1 0 out of 1 points To insert an image on a Web page, one must use the image element. Selected Answer: Answers: False True False Question 2 1 out of 1 points The software application used to download and view Web pages is called a ____. Selected Answer: browser Answers: navigator browser viewer surfer Question 3 0 out of 1 points Ending a line with the ____ element creates the same effect as when you press the Enter key when composing a document with a word-processing application. Selected Answer: line-end Answers: return enter break line-end Question 4 1 out of 1 points Case-Based Critical Thinking Questions Case 1-2 John is trying to increase traffic through the Web site he created. He also would like to validate the code he developed. He posted several questions he had on one of the online forums and got clear answers from professional Web developers. What organization offers a free HTML or XHTML validation service? Selected Answer: the W3C Answers: the World Wide Web an Internet provider the W3C a hosting company Question 5 1 out of 1 points Which of the following elements are block-level elements? Selected Answer: both a and b Answers: paragraph heading both a and b none of the above Question 6 0 out of 1 points An unordered list should be placed within the <ol> and </ol> tags. Selected Answer: Answers: True True False Question 7 1 out of 1 points ____ is/are technology that allows you to click a link that points to a file. Selected Answer: Hypertext Answers: Bullets Markup Headers Hypertext Question 8 0 out of 1 points XHTML is a version of HTML. Selected Answer: Answers: True True False Question 9 1 out of 1 points Which of the following is a variant of HTML? Selected Answer: XHTML Answers: DML BHTML XHTML TML Question 10 0 out of 1 points To ____ an image, a Web browser must know the name of the image file. Selected Answer: interpret Answers: facilitate render interpret index Question 11 1 out of 1 points With the <img /> tag, the ____ property must contain the name of the image file to be rendered, along with the folder where it is located if it is not in the same folder as the HTML file. Selected Answer: src Answers: name file src this Question 12 0 out of 1 points As shown in the accompanying figure, the ____ element is a block-level element that adds white space above and below. Selected Answer: subhead Answers: subhead comment paragraph narrative Question 13 0 out of 1 points The <br /> tag shown in the accompanying figure is used at the end of each line of text when the text is to be wrapped as a paragraph. Selected Answer: Answers: True True False Question 14 0 out of 1 points End tags are differentiated from start tags by including a(n) ____ at the beginning of the end tag. Selected Answer: Answers: [None Given] ampersand caret backslash slash Question 15 1 out of 1 points Another name for a Web page address is ____. Selected Answer: URL Answers: URS URL URT URX Question 16 1 out of 1 points A(n) ____ link displays a Web page on a different server, as shown in the accompanying figure. Selected Answer: external Answers: diverse external disparate deprecated Question 17 0 out of 1 points It is possible to establish a link to ____. Selected Answer: another page within the same Web site Answers: another page within the same Web site a page within another Web site a named section on the same page any of the above Question 18 0 out of 1 points When creating a mailto: link, you can add a ____ after the email address to include a default subject for the email. Selected Answer: @ Answers: ! @ ? $ Question 19 0 out of 1 points The y value in a coordinate pair increases ____. Selected Answer: vertically upward Answers: horizontally toward the right vertically downward horizontally toward the left vertically upward Question 20 1 out of 1 points A(n) ____ tag is used to define a section of text and/or images that belong together. Selected Answer: section Answers: command cluster section aggregate Question 21 1 out of 1 points A(n) anchor element is used for links. Selected Answer: Answers: True True False Question 22 0 out of 1 points Links can be established only to HTML files. Selected Answer: Answers: True True False Question 23 0 out of 1 points The shape attribute of the <area> tag can take any of the following values, except ____. Selected Answer: circle Answers: circle poly triangle rect Question 24 0 out of 1 points Which of the following expressions needs to be avoided when creating link text? Selected Answer: Forward Answers: Back to Top Click Here Back Forward Question 25 1 out of 1 points The use of the ____ attribute is common for accessibility reasons, as its value is read aloud by screen readers. Selected Answer: title Answers: name title accessibility id Question 26 0 out of 1 points For readability, put the code for each ____ attribute in an image map on its own line. Selected Answer: coords Answers: coords rect value area Question 27 1 out of 1 points A top-level domain name is also called a suffix. Selected Answer: Answers: True True False Question 28 0 out of 1 points The usemap attribute behaves much like a(n) ____ name. Selected Answer: index Answers: id question index section Question 29 1 out of 1 points PDF is an acronym for ____. Selected Answer: Portable Document Format Answers: Printable Document Format Portable Document Format Publisher Document Format Portable Descriptive Format Question 30 1 out of 1 points In the URL shown in the accompanying figure, the protocol is ____. Selected Answer: http Answers: index wishtree http www Question 31 4 out of 12 points Identify the letter of the choice that best matches the phrase or definition. o Question Text or an image that can display another Web page Correct Match C. link Selected Match C. link A small burst of information sent across communication lines The container for all the code in an image map F. packet I. map element Refers to Web sites by Web server names rather than IP addresses Does not need http:// in the href value L. Domain Name System K. local link An attribute used to determine the part of an image that will serve as a link Displays a Web page on a different server A. hotspot B. hierarchy chart L. Domain Name System J. thumbnail H. H. coords coords E. external link C. link A structure with rows of boxes, each representing a Web page hierarchy chart The complete address of the Web site and its page including the http:// protocol D. D. URL URL An area of an image map that is used as a link B. A. hotspot A Web browser is an example A small image used as a link on the referring page All Answer Choices A. hotspot B. hierarchy chart C. link D. URL E. external link F. packet G. client I. map element G. D. client URL J. thumbnail o E. external link E. external link H. coords I. map element J. thumbnail K. local link L. Domain Name System o Question 32 0 out of 1 points The link element is placed in the head section of the HTML code. Selected Answer: Answers: False True False Question 33 1 out of 1 points The ____ element is used to connect the external style sheet to a Web page. Selected Answer: link Answers: connect attach link key Question 34 1 out of 1 points Single-spaced paragraphs can be more difficult to read than paragraphs that are doublespaced. Selected Answer: Answers: True True False Question 35 0 out of 1 points In a shorthand property, property values are separated by ____. Selected Answer: semicolons Answers: commas colons spaces semicolons Question 36 0 out of 1 points Which of the following is the wrong order for listing values of font properties? Selected Answer: font-weight, font-size, font-family Answers: font-style, font-weight, font-size, font-family font-style, font-variant, font-size, font-family font-size, font-style, font-weight, font-family font-weight, font-size, font-family Question 37 0 out of 1 points A rule for CSS is the combination of ____. Selected Answer: an element, an attribute, and a value Answers: a selector, an element, and a value an element, an attribute, and a value a selector, a property, and a value a property, an attribute, and a value Question 38 0 out of 1 points If a CSS feature appears in all browsers without significant differences, the feature has ____. Selected Answer: inter-browser support Answers: inter-browser support universal support all-browser support cross-browser support Question 39 1 out of 1 points For critical components and functionality, you should always test HTML and CSS in Web browsers that are at least ____ year(s) old. Selected Answer: 2 Answers: 1 2 3 4 Question 40 1 out of 1 points You can change the color of links using the ____ property. Selected Answer: color Answers: color font option style Question 41 1 out of 1 points Using CSS makes it possible to change the appearance of an HTML element. Selected Answer: Answers: True True False Question 42 0 out of 1 points You can guarantee that the text color will be black for all users because this is the default text color. Selected Answer: Answers: True True False Question 43 1 out of 1 points The space between characters is called ____. Selected Answer: kerning Answers: kerning leading tracking weighing Question 44 0 out of 1 points Case-Based Critical Thinking Questions Case 3-1 Ethan is trying to determine how Cascading Style Sheets can be used for the Web site that he has to develop for his company. He knows that his friend Leon already has developed a similar Web site, and he checks with Leon for some answers to his questions. Leon explains to Ethan that after CSS code is developed, it has to be tested on different browsers to prove that it appears without any significant differences. What is the name for that feature? Selected Answer: all-browser support Answers: inter-browser support cross-browser support all-browser support multi-browser support Question 45 0 out of 1 points Case-Based Critical Thinking Questions Case 3-1 Ethan is trying to determine how Cascading Style Sheets can be used for the Web site that he has to develop for his company. He knows that his friend Leon already has developed a similar Web site, and he checks with Leon for some answers to his questions. Which of the following styles does Leon tell Ethan to avoid when writing CSS code? Selected Answer: none of the above Answers: external embedded inline none of the above Question 46 0 out of 1 points Which of the following declarations is invalid? Selected Answer: font-family: "Times New Roman", sans-serif; Answers: font-family: Lucida Calligraphy; font-family: Arial, serif; font-family: "Times New Roman", sans-serif; font-family: Arial, Helvetica, serif; Question 47 4 out of 12 points Identify the letter of the choice that best matches the phrase or definition. o Question Identifies the element you are applying a style to The combination of a selector, a property, and a value Correct Match A. H. selector property value J. style rule Provides a setting for an associated feature Selected Match H. property F. spread C. RGB value The name of a specific feature such as color, text-align, or fontsize Represents each color intensity as a decimal number from 0 to 255 triplet L. L. property property C. C. RGB triplet RGB triplet Specifies color intensity values using the base 16 system A style rule that is embedded inside an HTML start tag A style sheet that is a set of style rules contained between the <style> start tag and the </style> end tag in the head section of an HTML document A style sheet connected by the link element A heading that has letters of one word or several words that are spaced apart E. E. hex code hex code G. G. inline inline I. embedded K. A. external selector F. spread The space between characters Fonts displayed reliably in most Web browsers on most devices All Answer Choices A. selector B. Web-safe C. RGB triplet D. kerning E. hex code F. spread G. inline H. property value I. embedded J. style rule D. kerning D. K. kerning external B. Web-safe o J. style rule J. style rule K. external L. property o Question 48 0 out of 1 points Classes can be either ____. Selected Answer: alphabetic or numeric Answers: alphabetic or numeric binary or decimal indexed or nonindexed dependent or independent Question 49 0 out of 1 points The default value for the vertical-align property is ____. Selected Answer: middle Answers: bottom top middle baseline Question 50 0 out of 1 points Like the footer element, ____ is a semantic element that does not apply formatting or serve any other functional purpose. Selected Answer: link Answers: block link menu nav Question 51 1 out of 1 points The ____ element is a generic element that does not have any specific meaning. Selected Answer: span Answers: block heading level span Question 52 1 out of 1 points If you want to apply the same style to more than one element so that they have the same appearance, you can ____ several selectors together. Selected Answer: group Answers: cluster group aggregate link Question 53 1 out of 1 points The ____ element is used to contain a block of navigation links. Selected Answer: nav Answers: block link menu nav Question 54 1 out of 1 points If you use more than one pseudo-class selector, which one must come first? Selected Answer: a:link Answers: a:link a:hover a:visited a:active Question 55 0 out of 1 points Using the class in the body section is called ____ a class. Selected Answer: styling Answers: formulating setting applying styling Question 56 0 out of 1 points Placing navigation links in an unordered list nested within a ____ element is a common technique used in Web design. Selected Answer: block Answers: block link menu nav Question 57 1 out of 1 points With a list of grouped selectors, it doesn’t matter if you place a space after the ____ or not. Selected Answer: comma Answers: ampersand pound sign comma question mark Question 58 0 out of 1 points Even if you set the ____ property to 0, the white space at the top of the page would not disappear completely Selected Answer: margin-value Answers: margin-height margin-top margin-value margin-option Question 59 1 out of 1 points Case-Based Critical Thinking Questions Case 4-1 You have heard about pseudo-class selectors. But because you do not know what they are or how they can be helpful to you, you consult an online tutorial for more information. The first thing you learn is that the ____ pseudo-class selectors expand on the concept of the link state, so that visitors to your Web site benefit from visual cues about the link state. Selected Answer: anchor Answers: layered baseline standard anchor Question 60 0 out of 1 points Individual Web pages may need some specific styles, which can be addressed using ____ style sheets. Selected Answer: any of the above Answers: inline external embedded any of the above Question 61 0 out of 1 points Using ____ CSS style sheets, the overall presentation of a Web site can be designed separately while the content is still being developed. Selected Answer: any of the above Answers: embedded external inline any of the above Question 62 1 out of 1 points Which of the following pseudo-classes is NOT supported by some Web browsers? Selected Answer: visited Answers: visited hover link both a and c Question 63 1 out of 12 points Identify the letter of the choice that best matches the phrase or definition. o Question Correct Match Selected Match Grouped selectors share a common set of these L. declarations This kind of selector is nested within another selector A. descendant The default value for the vertical-align property K. baseline The values for this property include circle, square, disc, and none This property is the shorthand property for list styles J. C. inheritance G. embedded F. dependent K. listbaseline style-type B. J. list-style liststyle-type The method whereby a child element inherits characteristics from its parent element The kind of style sheet to be used so that the overall presentation of a Web site can be designed separately while the content is still being developed The kind of style sheet that can be used to give individual Web pages some specific styles The kind of class that can be used to style a specific element C. inheritance D. external G. embedded F. dependent The kind of class that can be used to style any element I. independent The kind of element used to identify inline content H. span Its name is preceded by a period E. class selector o All Answer Choices A. descendant B. list-style C. inheritance D. external E. class selector F. A. descendant B. list-style B. list-style E. class selector I. independent A. descendant H. span dependent G. embedded H. span I. independent J. list-style-type K. baseline L. declarations o Question 64 Needs Grading What are the four main reasons for hyperlinks on web pages? Provide a simple example of each one. Selected Answer: Correct Answer: hyperlinks provide picture or information that a client would want to have on there site A link to another website. The href must contain the following 'http://' to tell the browser to go to the Internet to find the location. Example: <a href="http://www.dmacc.edu">DMACC</a> A link to email. The href must contain the following "mailto:". This tells the browser to activate the client's default email applications. Example: <a href="mailto:address@dmacc.edu">Send mail</a> A link to another page on the same website. This is used for another web page, a document, a pdf file, etc. The href must contain the pathname to the desired file and the name of the file, including its extension. Example: <a href="page2.htm">Page Two</a> Uses the default pathname and looks in the same folder as the active page. Example: <a href="sales/product1.html">Product 1</a> Uses a relative pathname to look for the file in another location on the same website. Example: <a href="documents/manual.doc">Product Manual</a> Uses a relative pathname to look for a Word file. A location on the same page or within another page. This makes a link to a location within a page. The href must contain the "#" symbol. Example: <a href="#top">Go to top</a> This link will look for an element with this as an id attribute value. <div id="top">...</div> (HTML5) Example: <a href="#schedule">Go to Schedule</a> This link will look for an anchor element with this name attribute value. <a name="schedule"></a> (XHTML) Response Feedback: [None Given] Question 65 Needs Grading What is CSS and what is its primary purpose when making web pages? Selected Answer: css just make your web site more presentable Correct Answer: CSS stands for Cascading Style Sheets. CSS controls the presentation of a web page. It provides the look and layout of the html page. Response Feedback: [None Given] Question 66 Needs Grading List the three levels of CSS and generally discuss what they do and how they are applied in the HTML. Selected Answer: Correct Answer: Response Feedback: style makes site better Inline - applied inside the element tag of an html document. the rule will apply only to that element. It uses the 'style' attribute to modify a specific element and its contents. Embedded - code contained within the <style> tags in the Head section of the html document. Rules apply only to that html page. External - a separate CSS document that is linked to the html document(s). Uses the <link> element. CSS rules apply to all html documents that link to that stylesheet. [None Given] Question 67 Needs Grading What does inheritance mean within CSS? Selected Answer: Correct Answer: its like when a child inherits certain attributes parents Response Feedback: [None Given] In CSS inheritance means that any CSS effects applied to an element will also apply to the contents of that element (parent element), including elements within that element (child elements). Example: If you change the background color of the <body> element all the elements within the <body> such as <p> and <h1>, etc. use that background color. Question 68 Needs Grading What does precedence mean within CSS? Selected Answer: Correct Answer: [None Given] When more than one CSS rule is applied to an element, the browser will display the rule that is closest to the element in the html document. An easy way to say this is "Closest rule wins!". Precedence is one of the tools of Specificity. Example: Inline preceeds embedded, embedded preceeds external. Response Feedback: [None Given] Question 69 Needs Grading What does specificity mean within CSS? Selected Answer: Correct Answer: a certains specific atrribue of style Response Feedback: [None Given] When one or more CSS rules are written for the same element, the browser uses the rules of Specificity to determine what effects will display. Precedence is one of the rules of Specificity. Each CSS selector has a specificity rating. For example the element selector is less specific than the class selector. A class selector effect would override the element selectors effect. NOTE: This is a tough concept for many students until they work with bigger more complicated websites. However, it is a critical component in working with CSS. Question 70 Needs Grading What is the general format for a CSS style or rule? Selected Answer: style type=text/cc Correct Answer: In general all CSS rules look use the following fomat: css selector { css property:value; } Examples: p {color:red;} .center {text-align:center;} align:center; } Response Feedback: ul li {color:green; text- [None Given] Question 71 Needs Grading What are CSS selectors and what do they in CSS? Provide four examples of CSS selectors. Selected Answer: Correct Answer: [None Given] CSS selectors connect the CSS rules to the HTML. CSS selectors tell the browser where to apply the CSS rules within the HTML of the web page. Element Selector p {color:red;} All paragraph elements will have red text. Group Selector h1,h2,h3 {color:red;} Shortcut way of applying the same rule to multiple elements. All the h1, h2 and h3 elements will have red text. Descendent Selector ul li {color:red;} Uses the HTML structure to determine where to apply the rules. All <li> elements within any <ul> element will have red text. Dependant Class Selector p.red {color:red;} Only those paragraphs with a class attribute value of 'red' will have red text. <p class="red">...</p> Independant Class Selector .red {color:red;} Any element with a class attribute value of 'red' will have red text. <p class="red">...</p> <li class="red">...</li> etc. Response Feedback: [None Given] Question 72 Needs Grading What is a pathname? Selected Answer: is a external link to a nother page Correct Answer: A statement of the location of a file or other item in a hierarchy of directories. Response Feedback: [None Given] Question 73 Needs Grading What is the default pathname? Provide an example of one. Selected Answer: Correct Answer: [None Given] A default pathname is when the item linked is in the same folder as the html page. <a href = "page2.html">Page 2/> Response Feedback: [None Given] Question 74 Needs Grading What is a relative pathname? Provide an example of one. Selected Answer: Correct Answer: [None Given] A relative pathname is the path that links to an item in a different folder than the html page. The path is the link location that is in relation to the html page. <a href = "Images/dog.jpg">Dog/> Response [None Given] Feedback: Thursday, October 2, 2014 7:01:50 PM CDT OK