ITEC231 Midterm
Choose the example below of a descendant selector that configures the anchor tags within the element assigned to an id named special.
#special a
Inline Style
-body section -HTML style attribute -apply only to the specific element
How to write an absolute hyperlink
<a href="http://yahoo.com">Yahoo</a>
How to write a relative link
<a href="index.htm">Home</a>
Choose the best-designed link from below.
<a href="news.html">Important News</a>
Choose the tag pair that configures text to be indented from both the left and right margins.
<blockquote> ... </blockquote>
Select the true statement below.
Animation should be used only if it enhances your website.
Use the ________ or ________ property to clear a float.
clear; overflow
Attribute of <td> defining columns
colspan
CSS: text-shadow
configures a drop shadow on the text displayed within an element
Which CSS property configures the size of text?
font-size
The purpose of the ________ element is to configure the footer information on a web page document.
footer
A ________ is a smooth blending of shades from one color to another.
gradient
Embedded Styles
head section HTML style element apply to the entire web page document
Commercial websites use this organization
hierarchical
A CSS declaration beginning with # is referenced in HTML document as
id
Select the code below that uses CSS to eliminate the default border on an image configured as an image link.
img {border:0}
What does the href attribute indicate?
indicates the file name or URL
When CSS is coded in the body of the web page as an attribute of an HTML tag, it is called ________.
inline
From the choices below, select the correct order to code CSS pseudo-classes.
link, visited, hover, active
The viewport size references the size of this element
the size of the webpage
A smaller version of a larger image that usually links to the larger image is called a:
thumbnail image
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:
.myfloat { float:right; margin:10px; border: 1px solid #000000; }
Select the code below that uses CSS to configure a class called "offer" with blue text that uses the Arial or sans-serif font typeface.
.offer { color:blue; font-family:Arial,sans-serif;}
Select the most popular screen resolution from those listed beow.
1366 by 768
CSS was first proposed as a standard by the W3C in ________.
1996
Configure color with Inline CSS- configure the red text in the headinf with a grey background in the heading
<h1 style="color:#FF0000;background-color:#ccccc">This is displayed as a red heading with gray background</h1>
Which of the following tags should NOT be located in the head section?
<h1>
What tag pair is used to create the largest heading?
<h1></h1>
Which will display a smaller heading: <h1>...</h1> or <h9>...</h9>?
<h9>
Embedded style sheets are located in this section of the document
<head>...</head>
This element tag associates an external style sheet with a web page
<link>
This tag defines the beginning of an ordered list
<ol>
Code CSS to create an id called "new" with red, large, italic text.
<p id="new">This id is red, large, and in italics</p>
Use the ________ tag to code embedded styles on a web page.
<style> ... </style>
This tag defines the beginning of a table row
<tr>
This tag represents the hyperlink
Anchor tag <a href...
The title element configures large, bold text at the beginning of the web page document.
False
_________ flow displays the elements on the page in the order they appear in the web page source code.
Normal
Select the true statement below
Placing white space around graphics and headings helps them to stand out.
External Styles
Separate text file with .css file extension Associate with a HTML link element in the head section of a web page
CSS Syntax... what are "rules" contain?
Style sheets are composed of "Rules" that describe the styling to be applied Each Rule contains a Selector and a Declaration ex: body { color: blue } body= selector color= declaration property blue= declaration value
Developed recommendations to facilitate the use of the web by users with special needs
Web Accessibility Initiative (WAI)
Select the item below that does NOT belong in a consistent website design.
a different background color on each page
Use the ________ property to configure multiple backgrounds on an element.
background
CSS: background- color
background color of an element
Use the ________ property to confine the display of the background image.
background-clip
This CSS propery changes the background color
background-color
Use the ________ property to resize or scale the background image.
background-size
When a web page uses graphics for the main navigation links, provide accessibility by:
both using alt attributes and providing text links on the bottom of the page
To apply a style to a certain group of elements on a web page, configure a CSS ________.
class
CSS: text-transform
configures the capitalization of text
CSS: text-indent
configures the indentation of the first line of text
CSS: margin-left
configures the space in the left margin of the element
CSS: margin-right
configures the space in the right margin in the element
An external style sheet uses the ________ file extension.
css
CSS: text-decoration
determines whether text is underlined; this style is most often applied to hyperlinks
Which CSS property configures the font typeface?
font-family
The Web Safe Color Palette is a collection of 216 colors that
displays the most similar on both the Mac and PC platforms
Select the best description of "white space."
empty screen area around blocks of text and images
The type of CSS that is coded in a separate file and then linked to an HTML document
external style sheet (ends in the extension .css)
This new HTML element includes an optional element and compromises a unit of content often containing a new image
figure and fig caption
Use ________ positioning to configure the location of an element to remain the same and to not move even when the web page is scrolled within the browser viewport.
fixed
CSS: font-family
name of a font or font family
Choose the example below of a descendent selector that configures the anchor tags with the nav element.
nav a
The CSS3 ________ property configures the transparency of an element.
opacity
The term used to describe the transparency of the element
opacity
What type of HTML list will automatically place a number in front of the items?
ordered list
The space between the content and the border of the element
padding
The box model consists of a content area surrounded by:
padding, border, and margin
The four principles of WCAG 2.0 are as follows:
perceivable, operable, understandable, robust
Use the ________ property along with the left, right and/or top property to precisely configure the position of an element.
position: absolute;
Design principle of placing related elements close together
proximity
Use ________ positioning to slightly change the location of an element in relation to where it would otherwise appear when rendered by a browser.
relative
A CSS style rule generally is composed of these three parts
selector, declaration property, declaration value (ex: body { color: blue.; }
CSS: font-size
size of the font
This image file contains multiple small graphics
sprite
Opens a link in a new browser window
target
CSS: color
text color of an element
The ________ property configures a shadow effect on the text displayed within an element.
text-shadow
Which CSS property configures the capitalization of text?
text-transform
CSS: text-align
the alignment of text
You should code width and height dimensions for images because:
the browser will be more efficient and the page will load faster
A(n) ________ color scheme consists of three colors that are equidistant on the color wheel.
triadic
Which of the following attributes would configure an ordered list to display uppercase letters?
type="A"
Select a good design recommendation for text hyperlinks.
use a key phrase as a hyperlink
Which of the following is NOT a web design recommended practice?
use frames whenever possible
The main site navigation or a section offering navigation choices should contai
visually grouped sections of hyperlinks
When do you need to use a fully qualified URL in a hyperlink?
when linking to a page on an external website
