1. Because some type of footer is a consistent design feature in most web sites, in a three column layout using the ____ property on the footer works very well.
2. Fixed layouts are normally contained by a ____ element that controls the page width and centers the page in the browser window.
3. Flexible layouts are the basis for which type of layout?
4. How are boxes laid out in the normal flow for block-level elements?
5. How do you set the margin properties to result in a centered layout?
6. In a three-column layout, if you use a nonfloating footer element, with the clear property set to ____, the containing wrapper will extend to contain all elements.
7. Modern web designs are built using the ____ layout capabilities.
8. Page elements can be separated from each other with ____ settings to provide gutters between columns.
9. The original concept of floating was to allow ____.
10. The ____ element is the containing element for the content section of the web page.
11. What can you use to position content elements on a web page and move them out of the normal flow of elements?
12. What did web designers use to create multiple-column layouts in the past, but which are no longer in favor?
13. What element should you use to contain all the page elements when you are trying to control the flexible layout width?
14. What is it called when an element contains an entire web page, centered within the browser window regardless of screen resolution?
15. What must be specified on floating elements to prevent them from expanding to the size of the browser window?
16. What technique do you use to take an element out of the normal flow?
17. What occurs when the total width of the columnar elements in a page layout exceeds the width of their containing element?
18. Which display type will cause elements to appear next to each other inside the < body> element?
19. Which element can you use to contain an entire web page that centers the web page within the browser window?
20. Which element is designed for content that is tangentially related to the content around it?
21. Which properties can you use to control the compression and expansion of your content in a flexible layout?
22. Which type of layout allows designers to build more complex layouts because they can be fairly sure of consistent results?
23. Which type of layout provides designers with more control over the finished design?
24. Which type of measurements are often favored by designers when creating fixed designs?
25. ____ layouts shift as the user resizes the window, wrapping text or adding white space as necessary.
1. Hexadecimal values are always preceded by a(n) ____.
2. In color theory, a pure color is referred to as which of the following?
3. To remove the hypertext border from an image, add a(n) ____ attribute with the border property set to
4. To set the page background color what do you use as the selector?
5. Using HSL colors, the value of 0 represents which color?
6. What are the three primary colors on the color wheel?
7. What did Newton use to separate white light into its component colors?
8. What is the color depth of a GIF image?
9. What is the default color for an active link?
10. What type of color scheme uses tints and shades of a single hue?
11. When using the < figure> element to display an image, which of the following is true?
12. Which attribute of the < img> tag specifies the URL of the graphic file you want to display?
13. Which graphics display method represents images as geometrical formulas?
14. Which graphics format does NOT allow you to save images in an interlaced or progressive format?
15. Which image format can be described as a vector graphics file format?
16. Which image format has built-in text capabilities for image indexing, allowing you to store a string of identifying text within the file itself?
17. Which image format is best for photographs or continuous-tone images?
18. Which image format lets you store multiple images and timing information about the images in a single
19. Which of the following is NOT a reason to specify the image width and height for a web page image?
20. Which of the following is NOT a way to specify color values with CSS?
21. Which of the following specifies the same color as p {color: rgb (50%, 0%, 100%) ?
22. Which property can you use to align text along an image border?
23.Which property lets you control the tiling of background images across the document or element background.
24.Which type of colors are always arranged opposite of each other on the color wheel?
25. You can use the CSS ____ property to increase the white space around an image.
1. By default, link colors are ____ for visited links.
2. Hypertext was envisioned in the ____ by Ted Nelson, who described it as nonsequential writing in his book Literary Machines.
3. In a standard list element, the list items are ____-level elements.
4. In a vertical navigation bar, you will need to set the < a> element's display setting to ____, which will allow you to create clickable buttons of any width.
5. Internal links require two of which type of element?
6. The HTML ____ elements are the preferred element for containing navigation links.
7. The text of which attribute is displayed in a ToolTip or ScreenTip?
8. To create same-size navigation bar buttons, what should you change the display type of the < a> elements to?
9. To keep a horizontal navigation bar from wrapping if a user makes their browser window small enough, which property should you add to the < ul> element style rule?
10. To remove the built in spacing that indents lists from the left side of the browser window, you can set both the margin and padding properties to zero for the ____ element.
11. What do you need to set each list item's display setting to in order to create a horizontal navigation bar using a list?
12. What property should you add to the < li> elements within a horizontal navigation bar to create buttons of uniform width?
13. What style can you use to easily specify the style of link text to indicate the page the user is currently on?
14. What type of navigation do most modern web sites primarily use?
15. When limiting information overload, a good rule to follow is that users should not have to click more than ____ time(s) to get to the information they desire.
16. When using images for navigation, which attribute should you include to make it easier for users that can't view graphics in their browsers?
17. Which of the following is a standard hypertext link that you can embed directly in the flow of your content by choosing the key terms and concepts you anticipate your users will want to follow?
18. Which of the following is NOT a way to limit information overload on a web site?
19. Which pseudo-class can you use to turn the underlining on when the user points to a link?
20.Which type of link lets users move to the previous or next page or section in a collection?
21.While the ____ lets users access the main pages in the web site, the table of contents lets users access the exact content they want.
22. You can disable the default underlining of hypertext links by setting the CSS text-decoration property to a value of ____.
23.You can use the ____ pseudo-classes along with CSS background images to show a user where they have been on your web site.
24.You can use ____ properties to create attractive navigation elements.
25.___ linking often is the most effective and accessible way to provide navigation on your site.
1. A table will be more legible if you do which of the following?
2. After which tag must the < caption> element appear if you want to include a caption for the table?
3. Both < colgroup> and < col> elements must appear immediately after the opening ____ element, or after the < caption> element if the table contains a caption.
4. By default, tables are displayed in the browser with ____.
5. In the < col> element, what attribute can you use that can be used as selectors in the style sheet?
6. In which direction do rows span?
7. Rows can be grouped into head, body, and ____ sections.
8. Since CSS page layouts are broadly supported, tables should be used only to present which of the following?
9. The ____ element lets you specify style characteristics for individual columns.
10. To which elements can you apply padding values?
11. Using the ____ element as a selector applies a border only to the outside of a table.
12. What can you apply to alternate rows of a table to make table data easier to read?
13. What does the < tr> tag contain?
14. When you ____ a table next to a block of text, you can provide white space around the table with the margin properties.
15. Which attribute do you use with the < colgroup> element to set the number of columns specified in the group?
16. Which element contains table data?
17. Which element contains the table cells?
18. Which element do you use if you want to specify a header for a column of data?
19. Which element establishes the table?
20. Which element lets you create a table header cell that presents the cell content as bold and centered by default?
21. Which of the following is a property that can be applied to to the < colgroup> and < col> elements?
22. Which pseudo-class can you use to cause the background or font to change when the user points to a cell or row?
23. Which tag marks the beginning and end of each row of a table?
24. You can select and style individual tables by giving them a class or ____ name to apply style rules only to the selected table.
25. You can style the caption with CSS to position the caption on the top or bottom of the table using the ____ property.
1. Each ____ element contains a list value.
2. If you want to limit the allowed character sets that the server accepts, which form attribute can you use?
3. In a < select> element, the ____ attribute specifies how many of the list options are visible at a time.
4. The ____ attribute of a form specifies the content type used to submit the form to the server.
5. The ____ element lets you create a list box or scrollable list of selectable options.
6. The ____ type input object sends the form data to the server using the transmission method specified in the < form> element.
7. Using programs called ____, CGI can collect data sent by a user.
8. What attribute do you add to the < select> element to allow users to pick more than one value from the list?
9. What attribute do you use to group check boxes to allow the user to select multiple values for the same property?
10. What input type attribute should you provide if you want the user to be able to clear the form?
11. When selecting an image file for the submit button, the ____ attribute contains the location of the image file.
12. Which attribute of a form is the URL of the application that processes the form data?
13. Which element contains a label for a grouping of different types of < input> elements?
14. Which element is the container for creating a form?
15. Which form attribute do you use to specify a list of content types that a server processing the form can handle correctly?
16. Which form attribute specifies how to submit the form data to the server?
17. Which input type attribute adds a control that is not displayed in the browser?
18. Which input type attribute creates an object that performs a script function when the user pushes it?
19. Which input type attribute opens a calendar picker when selected?
20. Which input type attribute provides an on/off toggle that the user selects?
21. Which input type attribute should you use if you want to mask the characters typed by the user?
22. Which method sends the form information by including it in the URL?
23. Which method should you use to send form data securely within the message body?
24. Which of the following is the default method used to submit form data?
25. Which of the following is the scripting language used most often with HTML forms?
1. A technique for adapting to different browser widths is to use the ____ property to remove or add content as needed.
2. By combining the techniques of flexible layouts with the power of ____, you can extend the use of flexible layouts to adapt to any device size.
3. If you want to target a specific device when building responsive web pages, which media feature should you use?
4. To adapt your design for optimal viewing on several ranges of screen sizes what should you choose?
5. Which CSS3 media feature might have a value of 1024 x 768?
6. Which CSS3 media type is intended for color desktop or handheld devices?
7. Which CSS3 media type is similar to the CSS2 media type named aural?
8. Which CSS3 media type is intended for Braille tactile feedback devices?
9. Which icon has become a universally accepted menu icon?
10. Which measurement is best to use for breakpoints when you are most concerned with flexibility?
11. Which of the following is NOT one of the three main elements of responsive design?
12. Which statement correctly uses an import rule to apply an external style if the device screen has a maximum width of 480 pixels?
13. Which statement is a media query that sets the media type to screen and the maximum width to 480 pixels?
14. Which W3C standards-based solution solves the problem of using different files for the same image based on the device's needs?
15. Which style sheet switching technique can let web designers use one set of content for multiple destinations?
16. Which CSS3 media feature can have a value of portrait or landscape?
17. Which CSS3 media feature can have a value of Progressive or Interlace?
18. Which CSS3 media feature might have a value of 16/9?
19. Which CSS3 media type is intended for devices that have a fixed-pitch character grid?
20. Which dimension most commonly needs to be constrained when building responsive web pages?
21. Which of the following statements tells the device to treat the actual device width as the browser window width?
22. Which pixel range accommodates smartphones and many tablets?
23. Which statement creates a responsive image style rule?
24. Which statement will hide the article element?
25. You can wrap text around an image in a responsive column by ____ the image and setting a width for the image that is a percentage of the containing column.