Pop Quiz 1 Flashcards
The fundamental building block in every Hypertext Markup Language (HTML) document is the ___ tag, which marks a component in the document.
element
An e-mail address can be turned into a hypertext link using the URL ___.
mailto:address
Documents on the web stored on web servers are known as web ___.
pages
To add notes or comments, insert a comment tag using the syntax ___.
Hypertext Markup language (HTML) version ___ added interactive elements, including web forms.
2.0
Hypertext Markup Language (HTML) sectioning elements are also known as ___ because the tag name describes the purpose of the element and the type of content it contains.
semantic elements
The most common character encoding in use is ___.
UTF-8
Web pages are accessed through a software program called a ___.
web browser
___ contains a generic grouping of elements within a document.
<div></div>
To force a document to appear in a new window or tab, identify an attribute that should be added to <a> tag.</a>
target
An e-mail address can be turned into a hypertext link using the URL ___.
mailto:address
Identify a Hypertext Markup Language (HTML) embedded element that contains programming scripts used to construct bitmap images and graphics.
canvas
in a two-sided tag, a(n) ___ tag indicates the content’s end.
closing
When a doctype is present, browsers will render the page in ___ mode, employing the most current specifications of Hypertext markup Language (HTML)
standards
The character set used for the English alphabet is the ___.
American Standard Code for Information Interchange (ASCII)
Identify the elements that are either nontextual or contain directives to a browser about how a page should be treated.
Empty elements
Web pages are text files written in a language called ___.
Hypertext Markup Language (HTML)
Which of the following should be used for secure connection over the web?
https
To add the comment, Welcome John Smith, the syntax would be ___.
A(n) ___ includes the blank spaces, tabs, and line breaks found within the file.
white-space character
Which of the following is a popular integrated development environment for web development?
Adobe Dreamweaver
A network confined to a small geographic area is referred to as a ___.
LAN (local area network)
A(n) ___ represents a single dot on an output device.
pixel
___ is the tint of a color and is usually represented by a direction on a color wheel.
Hue
Adding all the three primary colors -red, green, and blue-at maximum intensity produces the color ___, while adding any two of the three primary colors at the maximum intensity produces the trio of complementary colors-yellow, magenta, and cyan.
white
___ measures the intensity of the chosen color and ranges from 0% (no color) up to 100% (full color).
Saturation
Which of the following is an example of web safe font stacks?
Verdana
Identify a generic font group that is a typeface in which each character has the same width?
monospace
Identify an attribute selector that selects all elem elements whose att attribute begins with text.
elem(att^=”text”)
Unlike an external style sheet, a(n) ___ style sheet is applied only to the web page in which it is placed.
embedded
Many web browsers include ___ tools to make it easier for designers to locate the source of a style that has been applied to a specific page element.
developer
In the hexadecimal numbering system, the number 16 is expressed as ___.
10
Graphic designers consider ___ easier to use because it allows the to set the initial color based on hue and then fine-tune the saturation and lightness values.
HSl
Identify a relative unit in which lenghts are expressed as a percentage of the width or heights of a browser window.
Viewport unit
___ defines how solid a color appears.
Opacity
Which of the following rules defines character encoding in every Cascading Style Sheets (CSS) document?
@charset “encoding”;
Identify an attribute selector used to select an element based on its class value.
elem.class
Identify a typographic attribute that measures the amount of space between characters.
Kerning
___ measures the amount of space between words.
Tracking
A technique known as ___ places code conforming to older standards before newer properties, providing support for older browsers but still allowing newer standards and techniques to be used by the browsers that support them.
progressive enhancement
A typeface in which a small ornamentation appears at the tail end of each character is ___.
serif
The color scheme that uses two hues close to one another on the color wheel in which one color is the dominant color and the other is a supporting color used only for highlights and nuance is ___.
analogic
A ___ is one in which the size of the web page and the size of its elements are set regardless of the screen resolution.
fixed layout
___ places an element at specific coordinates either in a page or within a container element.
Absolute positioning
Identify a grid-based property that is a space-separated list of row heights or column widths.
track-list
The display type value ___ is displayed as a block unless its next sibling is also a block, in which case, it is displayed in-line, essentially combining the two blocks into one.
run-in
In a fixed layout, the size of the page and the size of the page elements are fixed using ___ as the unit of measure.
pixels
Identify the default clear value that allows an element to be displayed alongside any floated objects.
none
When the footer is the last element in a page body, the ___ pseudo-element is used to add a placeholder element after the footer.
after
Which of the following can be used to express style in the outline-style property outline-style: style;?
ridge
Some designers propose the use of ___ in which all measurements are expressed relative to the default font size using the em unit.
elastic layouts
Identify the element that marks the distinct rows and columns of a grid to give a consistent structure to floating objects.
div
A ___ sets the width of page elements as a percent of the available screen width.
fluid layout
In z-index: value; property, value is a(n) ___.
integer
Browsers ignore any values specified for the left or top properties under ___ positioning.
static
A(n) ___ supersedes a browser’s default styles and provides a consistent starting point for page design.
reset style sheet
In the outline-style property outline-style: style; style can be set to ___ for displaying a single line.
solid
The ___ value of the display style removes an element from a rendered page.
non
In the overflow property, a value of ___ instructs browsers to increase the height of an element to fit the overflow content.
visible
Which of the following style rules is used to draw a 1 px red dotted line around every element on a web page along with a wildcard selector:
*{outline: 1px dotted red;}
To specify a stacking order, one can use the ___ property.
z-index
___ positioning is essentially the same as not using any Cascading Style Sheets (CSS) positioning at all.
Static
Which of the following defines the default hotspot for an image?
coords=”0,0,width,heights”
The size of a background image is smaller than the size stored in the image file.
FALSE
Even if the background images are hidden, the tiling process continues behind the page body.
TRUE
To change the shadow size, the ___ parameter must be added to the box-shadow property, specifying the size of the shadow relative to the size of the object.
spread
Identify the option that defines how positions are measured on the background in the following background property: background: color url(url)position/size repeat attachment
origin
Each hotspot within the map element is defined using the ___ element.
area
Backgrounds are added in the reverse order in which they’re listed in a style rule.
TRUE
Identify the syntax of the transform property.
transform: effect(params);
If a single value is specified in the background-position property, the browser applies that value to both the horizontal and vertical position.
TRUE
To round off any of the four corners of a border, the ___ property should be applied.
border-radius
The ___ size parameter of the radial-gradient function makes a gradient extend to the nearest background corner.
closest-corner
Identify the use of the inset keyword used in the box-shadow property.
It is used to create an interior shadow
The ___ element is used to contain an image file and can also be used to mark any page content that should stand apart from the main content of an article.
figure
Which of the following styles is used to specify the type of tiling to be applied to a background image, or even turn off tiling?
background-repeat: type;
Identify a true statement about the perspective property.
The perspective property can be used when there are several transformed objects within a container that all need to appear within the same 3D space within a common perspective.
Which of the following background-attachment properties is similar to scroll, but is used for elements, such as scroll boxes, to allow the element background to scroll along with the content within a box?
local
Which of the following coordinate values is used to define polygonal hotspots for an image?
coords=”x1,y1,x2,y2…”
The background-position property is only useful for non-tiled images because a tiled image fills the background and it usually doesn’t matter where the tiling starts.
TRUE
Identify the CSS3 3D tranformation function that shifts an object offX pixels horizontally, offY pixels vertically, and offZ pixels along the z-axis.
translate3d(offX, offY, offZ)
Which of the following is the default size keyword in the radial-gradient function?
farthest-corner
Tiling is when a browser loads a background image and then repeats the image in both the vertical and horizontal directions until the entire background is filled.
TRUE
Identify a true statement about the figcaption element.
It is placed either directly before or directly after a figure box content.
By default, an element’s background is defined to extend only through the padding space and not to include the border space.
TRUE
Even if the background images are hidden, the tiling process continues behind the page body.
TRUE
Multiple shadows can be added to text by including each shadow definition in a comma-separated list.
TRUE
When submenus overlay page content, a(n) ___ should be added so that when a submenu is opened, it will stand out more from the page content.
drop shadow
According to Ethan Marcotte’s responsive design theory, ___ is a primary component that the page layout of websites automatically adjusts to screens of different widths.
flexible layout
While creating a website for tablet design, to keep the submenus in their current position on a page, one needs to make each main list item a container for its submenu by setting its position property to ___.
relative
Identify the format for manually inserting a page break directly before an element.
page-break-before: type;
The ___ is a possible media type value for the media attribute.
embossed
While designing websites for mobile devices, ___ colors should be used so that pages are easily visible in outdoor lighting.
contrasting
