Year 1 Semester 1 Final - WCP AM
A heading cell displays text as bold and...:
center-aligned
When you set the position property for a block element to fixed, the element:
doesn't move in the browser window, even when you scroll
The data in an HTML table is defined by the:
td element
When you include JavaScript in a web application, the code is run by:
the JavaScript engine of the web browser
In the table that follows, CSS has been used to format:
Borders, Alignment, background colors, and border collapse.
Because all browsers don't adhere to the latest HTML & CSS, so a web dev. needs to do:
Cross-browser compatibility
To create a link that goes to a placeholder on the same page, you code the href attribute as:
#, followed by the id attribute of the placeholder element.
To drop down the menu for an item in a navigation bar when the mouse pointer hovers over it, you need to use CSS like this:
#nav_menu ul li:hover > ul {display:block;}
What does the following style rule? (tbody tr:nth-child(2n){background-color:gray})
* Sets the background of every 2nd line after the first.
The code that follows: padding: .5em 0 .25em; applies this padding to an element:
.5em above, 0 left and right, and .25em below
If the bottom margin for one element is 1.5em and the top margin for the element below it is 1em, how large is the margin between the two elements when the page is rendered in a browser?
1.5 em
Suppose the fixed width of an aside element in a fixed layout is 300 pixels, and the fixed width of its parent element (body) is 900px. If you convert the page from fixed to fluid layout, the width of the aside should be set to:
33.33%
The title for an <a> element specifies:
A description that can be used for accessibility.
A vertical navigation menu is best coded as:
A series of <a> elements w/in the li elements of an unordered list.
To position a drop-down menu directly below an item in a navigation bar, you apply:
Absolute positioning to the ul element for the drop-down list.
By default, the element in the box model is:
As tall as it needs to be for it's contents.
If you set the background color for the body of a page to blue and you don't set the background color for a section within the body, the background of the section will be:
Blue
To format a web page, you use:
Cascading Style Sheets (CSS)
A vertical line of information in a table:
Cell
The intersection of a row & column
Cell
Google Publishes a web browser named:
Chrome
Which CSS snippet would set the border shadows for a section element as shown in this screenshot?
Clockwise motion, (Top left corner to Top right corner to Bottom right corner, to Bottom left corner to Top left corner)
Which of the following techniques can you NOT use to create a two-column layout where column1 is first and column2 is next?
Code the columns in any order and then float both columns to the left.
If you add Border Spacing, you give more space around the content w/in a cell:
False
You cannot apply a background color to a table cell:
False
To deploy a website, you use:
File Transfer Protocol (FTP)
To lay out a web page so it adjusts to the width of the screen, you use:
Fluid Layout
The colspan attribute can go on both:
IDs & Classes
You can use the CSS3 structural pseudo classes to format a table w/o using:
IDs & Classes (Table Format)
When you use media queries for responsive we design. you code them:
In whatever sequence you prefer because each one stands alone.
Which of the following should you NOT do when using CSS3 properties to create text columns for an article element?
Justify the text
Which of the following is NOT a guideline for user accessibility?
Make sure that each page will run in all browsers.
When you use floating for a two-column, fixed width page layout, you need to:
Make sure the body element is wide enough for the columns
Which of the following is NOT a guideline for usability?
Make the pages attractive and appealing.
Which of the following is NOT part of an HTTP URL:
Node
Which of the following formatting can you NOT apply to boxes using CSS3?
Radial Gradients
60% of all Internet access is on mobile devices, so a web dev. needs to be concerned w/:
Responsive Web Design (RWD)
For accessibility, you can indicate that a cell is associated w/ a column/row by:
Scope Attribute.
Because Google/Bing rank pages of a website, the dev. needs to do:
Search Engine Optimization (SEO)
If you want the user to be able to click anywhere in a box in a vertical navigation menu that's created by using <a> elements within the list items of an unordered list, you must:
Set the display property for the <a> elements to block
One of the ways to create a horizontal navigation menu from an unordered list is to:
Set the display property of each li element to inline
The code that follows, border-style: solid none, means that the box should have:
Solid top & bottom borders.
You can use the CSS list-style-type property to change
The bullet/number style in an unordered or ordered list.
When you use ems or % to size fonts
The font size changes as the size of the font used by it's parent element changes.
The href attribute for an <a> element specifies
The page and/or placeholder that the link should go to.
Which of the following do you NOT have to do to create a scalable image whose width is limited to it's native size?
The styles for one media query are inherited by the media queries that follow
A scalable image is scaled:
To the width of the element that contains it.
To calculate the height of a box when using the box model, you add the height of the content area to the sum of the heights of the:
Top & bottom borders, top & bottom margins, and top & bottom padding.
The best way to identify a table on a page is to:
Treat the table as a figure and use the figcaption element
You can use the white-space property to keep table data from wrapping if the table doesn't fit the browser window
True
Which of the following do you NOT need to do when you use the SlickNav menu plugin for the responsive web page?
Use HTML to code the menu used by SlickNav
An easy way to test a responsive deisgn is to:
Use the developer tools of a modern browser
To display text at the bottom of a row spanned data cell you would use the property:
Vertical-align
When will the styles for the media query that follows be applied? (@media only screen and (min-width: 768px) and (max-width: 969px))
When the width of the screen is greater than 768px and less than 959px
If a table doesn't fit in the browser window, the data in the columns of a table:
Wraps by default
A link can be used to start or open all but one of the following. Which one is it?
a JS application
The pseudo-class selectors for links let you use CSS to change the formatting for all, but one of the following.
a link that is inactive.
In the HTML for a three-column layout, an aside, a main element, and another aside are coded w/in a body element. Then, to use floating to lay out the main and aside elements in sequence from left to right on a web page, you can use CSS to:
float both the asides & the main content to the left.
CSS is used to:
format the HTML elements of a webpage
To create a menu that drops down from an item in a navigation bar when the mouse pointed hovers over it, you use CSS to change the display property for the menu:
from none to inline
In the box model for an element, the border:
is between the padding and the margin
To change the left alignment of the items in an unordered list, you set the:
left padding for the ul element
When you use a link to start an email, you code the href attribute as:
mailto: (followed by the email address of the recipient)
The main reason for dividing a table into header, body, and footer is to:
make it easier to format those components with CSS
The Internet consists (of):
many wide area networks (WANs) that are connected to local area networks (LANs)
By default, if you specify a background image for a block element, the image will be
repeated horizontally and vertically so it fills the element
When a browser makes a request for a static web page, the web server:
returns the HTML for the page and the browser renders it.
For a two-column layout where the main content is fluid and the aside is fixed; use CSS to:
set the body width to a percent and don't set the main width
One of the ways to create a horizontal navigation menu from an unordered list is to:
set the display property of each li element to inline
When you develop responsive web pages, you use a meta element in the HTML to:
set the width of the viewport to the device width.
In a 3-column layout with a header and footer that uses floating for page layout, you need to use CSS to:
stop any floating in the footer
In a fluid layout, you should use percents to set the widths for all but one of the following. Which one is it?
structural elements.
When you set the position property for a block element to absolute, the browser:
takes the element out of the flow of elements on the web page.
An HTML table can include all but one of these elements: table, tr, th, td, thead, tdata, tfoot.
tdata
A description list is a list that consists of:
terms and descriptions
To remove the underlining from an <a> element, you can use CSS to set its:
text-decoration property to none
If you right-click on a web page and select View Source or View Page Source:
the HTML for the page will be displayed
When you use media queries for responsive web design:
the styles for one media query are inherited by the media queries that follow.
When a browser makes a request for a dynamic web page:
the web server processes the request and returns the HTML to the browser
An HTTP response is sent from
the web server to the client
If you want to use floating for a 3-column page layout that is fluid and consists of an aside, a main element, and another aside, you need to set (contained elements means all elements - h1, p, ul, etc.)
the width of the body element & one or more of the contained column elements to percents.
When you use the float property for page layout, you should also set:
the width of the floated elements.
When you set the float property for a block element to left, the elements that follow it will flow into the space:
to the right of the floated element if there's enough space.
When you deploy a website, you upload its folders and files from:
your computer or network to a web server on the Internet.
To create a drop-down menu from an item in a horizontal navigation bar, you nest:
a ul element within an li element of the ul element for the navigation bar
The CSS that follows, th.left, td.left (text-align: left;), left aligns text in
all header and data cells that have a class attribute set to "left"
When a client requests a dynamic web page, the HTML is generated by:
an Application Server
Which CSS Snippet would set the border radius for a section element as shown in this screenshot?
border-radius: 10px 20px 0 20px (clockwise motion)
Which of the following table properties specifies the distance between the borders of adjacent cells?
border-spacing
The main reason for using the SlickNav plugin is to create a nav. menu that:
can be accessed on a mobile device
One way to make a table responsive is to use a media query to:
display the <th> & <td>
To remove he space between the borders of adjacent cells, you use a CSS style rule that sets the border-collapse property
for the table to collapse.
A web browser:
is a program that runs on a client computer
To adjust the appearance of a web page to different device sizes, you use:
media queries
By default, an ordered lst is displayed as a:
numbered list
You use a reset selector to:
set the margins/ padding for all elements to zero
When you set the border for a block element, you can set:
the color, style, and width.
Where does the link created by this code go to? (a href:#reason6/8reasons.html)
the element with reason6 as it's id on the page named 8reasons.html.
When you use viewport height (vh) to size fonts:
the font size changes as the size of the viewport changes
If you use a reset selector for a page, you need to set:
the margins & padding for all the elements of the page
HTML is used to define
the structure and contents of a web page
In the code that follows: margin: 0 auto;, the auto keyword means:
to center the element horizontally within the containing block.
When you create a link that starts a video, you can code a:
type attribute that specifies the MIME type for the media file.
To load a web page into a web browser, you can:
type the URL of the web page into the browser's address bar.
To load a web page from an intranet into your web browser, you can
use the Open or Open File command in the File menu
When you used fixed positioning for a block element, you can:
use the top, bottom, left and right properties to set its position on the page