Internet Design and Development Test Points available: 170 NAME: DATE: Multiple Choice (2 points each). 1. Choose the organization listed below that takes a proactive role in developing recommendations and prototype technologies related to the Web. a. Web Professional Standards Organization (WPO) b. Internet Engineering Task Force (IETF) c. Internet Corporation for Assigned Numbers and Names (ICANN) d. World Wide Web Consortium (W3C) 2. What tag pair is used to create a new paragraph? a. <new paragraph> </new paragraph> b. <paragraph> </paragraph> c. <p> </p> d. <para> </para> 3. What tag pair is used to create the largest heading? a. <h1> </h1> b. <h9> </h9> c. <h10 class= large > </h10> d. <h6> </h6> 4. Which tag is used to force the browser to display the next text or element on a new line?
a. <new line /> b. <span> c. <br> d. <line /> 5. Choose the true statement below. a. The content that displays in the browser is contained in the head section. b. The content that displays in the browser is contained in the body section. c. Information about the web page is contained in the body section. d. All of the above are true. 6. What type of HTML list will automatically place a number in front of the items? a. numbered list b. ordered list c. unordered list d. definition list 7. What tag pair contains the items in an ordered or unordered list? a. <item> </item> b. <li> </li> c. <dd> </dd> 8. Choose the special character that is used to indicate a blank space. a. ␣
b. c. 9. Which of the following is used to change the location of an element slightly in relation to where it would otherwise appear on the page? a. relative positioning b. the float property c. absolute positioning d. this cannot be done with CSS 10. Configure a style with a(n) if the style will only apply to one element on a page. a. pseudoselector b. head c. class d. id 11. Choose the tag pair that is use to link web page documents to each other. a. <link> tag b. <hyperlink> tag c. <a> tag d. <body> tag 12. Cascading Style Sheet rules are comprised of: a. Selectors and Declarations b. Properties and Declarations c. Selectors and Attributes d. None of the above
13. When CSS is coded in the body of the web page as an attribute of an HTML tag it is called. a. Embedded b. Inline c. External d. Imported 14. 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 15. The CSS declaration property used to set the text color on a web page is: a. bgcolor b. text color c. color d. font color 16. To apply a style to a number of elements on a web page, configure a CSS. a. group b. id c. class d. property 17. 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 18. An External Style Sheet uses the file extension. a. ess b. css c. htm d. ss 19. Select the best reason to include height and width attributes on an <img> tag. 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 20. Select the browser s action when you configure BOTH a background color and background image for the body selector. 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
21. Select the tag used to place an image on a web page. a. <a href> b. <img> c. <image> d. <graphic> 22. 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. a. alt b. text c. src d. rel 23. A type of graphic that is best suited to photographs is: a. gif b. photo c. jpg d. bmp 24. A type of graphic that can be made transparent, used for animations, and is commonly used on the Web is: a. gif b. jpg c. png d. photo
25.Which of the following configures a class called nav to float to the left? a..nav { float:left;} b..nav {left:float;} c..nav {float left: 200px;} d..nav{position:left;} 26. By default, which tag below is a block level element? a. <div> b. <a> c. <span> d. <img> 27. The proper way to link to an external stylesheet named, mystyle is: a. <img src= mystyle.css width= 50 height= 100 alt= my style sheet /> b. <a href= mystyle.css title= my style sheet >My Style Sheet</a> c. <link href= mystyle.css rel= stylesheet type= text/css > d. <body style= mystyle.css > 28. Select the best code below that will configure a background image called parchment.gif for a web page using CSS. a. body {background image:url(parchment.gif); } b. document {background:parchment.gif; } c. body {background:parchment.gif } d. <body bgimage= parchment.gif >
29. Select the code below that uses CSS to eliminate the default border on an image configured as an image. a. a {border: 0; } b. img {border: 0; } c. img {border: none; } d. None of the above 30. The box model consists of a content area surrounded by: a. a border b. padding, border, and margin c. border and margin d. spacing, border, and margin 31. The is the area between the content and the margin. a. border b. spacing c. padding 32. Select the code below that configures repeat horizontally across a Web page. a. hspace="10" b. background repeat: repeat x; c. valign="left" d. background repeat: repeat y;
33. Which of the following causes an element not to display? a. display: block; b. display:0px; c. display: none; d. display:0; 34. 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 35. Select the code below that configures a class called offer with blue text, 20 px text size, and Arial or sans serif font using CSS. a. offer { color:blue; font size:20; font family:arial,sans serif;} b..offer { color:blue; font size:20px; font family:arial,sans serif;} c..offer { text:blue;text size:20px; font family:arial,sans serif;} d. #offer { text:blue;font size:20px; font family:arial,sans serif;} 36. Which of the following is not a web design recommended practice? a. design your site to be easy to navigate b. use frames whenever possible c. design your pages to load quickly d. limit the use of animated items 37. Select the best description of white space.
a. empty screen area around blocks of text and images b. using the background color of white for a page c. both a and b 38. Different browsers and even different browser versions will display your web page. a. in exactly the same way b. in different ways c. only if you buy the browser d. only if you use XHTML. 39. 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: a..myfloat { float:right; margin:10px; border:solid; } b. #myfloat { right:float: margin 10px; border:solid; } c..myfloat { float:right; 10px:margin; border:normal; } d..myfloat { float:right; margin:10px; solid:border; } 40. Which of the following are influenced by the intended or target audience of a site? a. the amount of color used on the site b. the font size and styles used on the site c. the overall look and feel of the site d. all of the above 41. 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? a. margin: 150px 20px 0 300px; b. margin:top 30, left 150, right 0, bottom 0;
c. margin:30px 0 0 150px; 42. How would you define an internal bookmark or named reference at the top of a page, called top? a. <a name= top id= top ></a> b. <a bookmark= top ></a> c. <a name= #top id= #top ></a> d. id and bookmark 43. How would you link to the bookmark #school on the page resume.htm from the home page of the site? a. <a href= resume.htm#school >Educational Background</a> b. <a name= resume.htm#school > Educational Background </a> c. <a link= resume.htmschool > Educational Background </a> 44. The attribute of the anchor tag can cause the new web page to open in its own browser window. a. target b. window c. id 45. If a web page contains both a link to an External Style Sheet and Embedded Styles, a. the Embedded Styles will be applied first, then the External Styles will be applied. b. only the Inline Styles will be used c. the External Styles will be applied first, then the Embedded Styles will be applied. d. the web page will not display
46. The pseudo class configures the appearance of the hyperlink before it is clicked. a. visited b. link c. hyperlink d. active 47. To define the distance between the edges of each cell in a table use the attribute. a. cellpad b. cellpadding c. cellspacing d. cellborder 48. To define the distance between the cell text and the cell border in a table, use the attribute. a. cellpad b. cellpadding c. cellspacing d. cellborder 49. Use the tag pair to begin and end a table row. a. <td> </td> b. <tr> </tr> c. <table> </table> 50. Use the attribute on the <form> tag to specify the name and location of the script that will process the form field values. a. action b. process c. method
51. Use the tag to create logical areas on a web page that are block level and can be styled with CSS. a. <div> </div> b. <span> </span> c. both a and b d. neither a nor b 52. Use the tag to code internal styles on a web page. a. <link /> b. <style>.. </style> c. <embed /> 53. Use the tag to create logical inline areas on a web page that can be styled with CSS. a. <div> </div> b. <span> </span> c. both a and b d. neither a nor b 54. Select the form element below that would be appropriate to accept comments about your web site. a. select list b. text box c. scrolling text box d. None of the above 55. 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 element that is best to use for this purpose.
a. check box b. radio button c. text box d. scrolling text box 56. Select the type of input form element that disguises the characters that are typed. a. text b. password c. encrypt d. textbox 57. What is HTML short for? Hyper text markup language 58. What is FTP short for? File Transfer Protocol 59. What is CSS short for? Cascading Style Sheet 60. What symbol is used to indicate an ID in CSS? # Code Examples (10 points each). 1. Write the basic HTML template (you do not have to include the Doctype): <html> <head> <title>title of the page</title> </head> <body>
</body> </html> 2. Using an inline CSS style on a <span tag> Change the words I am big, bold, red text to 18px, red color, and bold. <p>look at me, I am big, bold, red text.</p> <p>look at me, <span style= color:red;font size:18px;font weight:bold >I am big, bold, red text.</span></p> 3. Display a CSS style rule which creates a class named boxed which places a dashed border, size 2 px, color #800080 around all affected elements..boxed{ } border:2px dashed #800080; 4. Create the code to turn all unvisited links to red, hover links to yellow, and visited links to black. a:link {color:red;} a:hover{ color:yellow;} a:visited(color:black;} 5. Create a form that asks for a username and password. The page should go to login.php for processing and use the post method.
<form method= post action= login.php > Name: <input type= text name= fname > Password: <input type= password name= password > <input type= submit name= submit value= send > </form> *Grading on code examples: the solution is the bare minimum. There are variations to the answers, but the objective of the coding question but be solved in order to receive credit (Example: Question #2, if the student completes but uses an embedded style rather than inline, they should not receive any credit).