HTML MIDTERM QUIZ
An image's ____ text should be a brief description of the purpose of the image. descriptive standard alternative link
alternate
To style the div id="container" element, _____ is used as the selector. %container :container #container .container
#container
All character entities start with _____. ; & !
&
The entity for the copyright symbol is _____. 169#&; &169#; #169&; ©
©
A _____ element is used to define an area or a partition in a webpage. div desc part nav
div
When a webpage is displayed in a browser, the browser tab displays the _____. html version document title file location copyright information
document title
Using _____ technologies, many websites allow customers to browse product catalogs, compare products and services, and order goods online. e-commerce search engine optimization intranet control assistive
e-commerce
Using _____ as the value for the list-style-position property displays the bullet or number within the list's content block. inside composed padded parallel
inside
A(n) _____ is a private network that uses Internet technologies to share company information among employees. ethernet extranet newsnet intranet
intranet
A _____ website structure is appropriate if visitors should view the webpages in a specific order, as in the case of training material in which users need to complete Training module 1 before attempting Training module 2. webbed ruffled linear hierarchical
linear
Hyperlinks that link to other webpages within the same website are known as _____. image links absolute links relative links email links
relative links
_____ is a website development strategy that strives to provide an optimal user experience of a website regardless of the device or browser used. Responsive design Hotspot design Meta design Adaptive design
responsive design
A _____ is a planning tool that lists or displays all the pages on a website and indicates how they are related to each other. Search Engine Optimizer (SEO) wireframe site map Document Object Model (DOM)
sitemap
The _____ element allows one to use Cascading Style Sheets (CSS) to format a length of text separately from its surrounding text. length label span ismap
span
Which of the following best practices must be considered when designing a website for mobile viewports? All page content must be displayed. The layout must be simple. The load times must be kept minimal. 100% percent of the screen space must be used.
the layout must be simple, the load times must be kept minimal, and 100% of the screen space must be used.
A webpage can have a liquid layout without using media queries. True False
true
For the creation of a fluid layout, percentages can be used to measure the width of each column in a webpage. False True
true
Responsive designs are based on liquid layouts. True False
true
A _____ is the viewing area for a webpage, which is much smaller on a phone than on a traditional desktop. slide viewbox hotspot viewport
viewport
_____ provide statistics on how many people visit a website as well as what browsers, devices, and choices the user made while at a website. Web analytics Web crawlers Web synchronizers Web proxies
web analytics
A _____ website structure has no set organization. cascaded hierarchical partitioned webbed
webbed
A _____ shows the visual layout of a webpage to indicate where elements should appear. data architecture site index wireframe site map
wireframe
Identify the meta tag that must be added to the head section of each responsive webpage to ensure that the page initially loads in a layout width that matches the viewport of the device. content="width=device-width, initial-scale=1"> page="width=device-width, initial-scale=1"> view="width=device-width, initial-scale=1"> width="width=device-width, initial-scale=1">
content="width=device-width, initial-scale=1">
A _____ for a website ensures consistency across the website, saves user's time, and eliminates the re-creation of repeating elements such as navigation bars. site map report checklist template
template
Semantic elements are also called _____ elements. horizontal layout structural navigational
structural or layout elements
Business logos are the images that promote a company's presence and brand. True False
true
In order to view a webpage on any type of website, a device needs to have a web _____ installed. client manager browser server
browser
The _____ attribute is used to identify the image file being inserted in a webpage. loc url load src
src
For hyperlinks that link to a telephone number, use an anchor element by including the href attribute, followed by _____. "tel:+1number" :"number" "tellink:areacode+number"
tel+1number
_____ links are the most common type of hyperlink. Server Protocol Proxy Text
text
Setting the _____ property to none removes the underlining from a hyperlinked text. text-style text-decoration text-type text-line
text decoration
The four values of left (the default), center, right, or justify are used by the _____ property. display box-shadow text-align margin-padding
text-align
The alt attribute provides information about the purpose of an image for assistive technology such as screen readers. True False
true
The mobile website approach means that developers revamp an existing website to suit small mobile viewports instead of building a new and parallel website from scratch. True False
true
When text is coded as a hyperlink, it usually appears as highlighted text in a color different from the rest of the webpage text. True False
true
A breakpoint is where different styles are applied to a webpage to cause it to change in a way that makes it easier to read and navigate for a particular situation. True False
true
Linked style sheets do not contain any Hypertext Markup Language (HTML) tags. False True
true
The _____ tags must be at the start and end of an unordered list. <ol>and</ol> <dl>and</dl> <span>and</span> <ul>and</ul>
<ul> and </ul>
Media queries can be implemented by coding them directly into a single Cascading Style Sheet (CSS) file using the _____ rule. @display @query @media @import
@media
_____ are used to give instructions on how to use a template or to identify the author of a website. Whitespaces Headings Comments Word wraps
comments
_____ can provide additional information about the area where styles are applied or other helpful explanations, such as what the styles do. Header notes Footer notes Wraps Comments
comments
Include the _____ attribute in a starting anchor tag to identify the webpage, email address, file, telephone number, or other content to access.
href
When assigning the attribute for an absolute link, begin with the _____ text. home http:// index.html mailto
http://
Using _____, a website visitor can move from one page to another, view a page on another website, start a new email message, download a file, or make a phone call from a mobile device. attributes key values indices hyperlinks
hyperlinks
Which of the following is the correct order for using pseudo-classes? link, visited, active, hover active, hover, visited, link link, visited, hover, active active, link, visited, hover
link, visited, hover, active
An external style sheet is also called a(n) _____ style sheet. linked insync embedded inline
linked
A webpage with a fluid layout is also called a _____. cast layout indexed layout coded layout liquid layout
liquid layout
Mobile websites are often identified with a(n) -----_____ prefix in the Uniform Resource Locator (URL). cell. e.m. m. m.obi.
m.
For email links, use anchor elements to link to an email address by including the href attribute followed by _____ and then the email address. copyto: sendto: referto: mailto:
mailto
The _____ property must be used to constrain a flexible image to 100% of its actual size in case a viewport grows even larger. min-height min-width max-height max-width
max-width
_____ are the basic required Hypertext Markup Language (HTML) elements. header main meta head
meta and head
A(n) _____ is considered by some to be a more productive and effective way to build a website from scratch because it forces a web developer to focus on the core, essential content first for the smallest viewport. view-first strategy app-first strategy information-first strategy mobile-first strategy
mobile-first strategy
A _____ element contains hyperlinks to other webpages within a website. title nav footer head
nav
Using a _____ element directly below the header element and then inserting the navigation links in this element ensures that the links appear near the header, where visitors can access them easily. lnk div nav class
nav
he selector _____ identifies the color to apply to a navigation link that has not yet been visited or clicked. nav a:visited nav a:active nav a:hover nav a:link
nav a:link
_____ forces browsers to display a nonbreaking blank space. &emsp   &mspe &bspn
 
The correct representation of a Cascading Style Sheets (CSS) comment is _____. */ Place your comment here /* //* Place your comment here *// /* Place your comment here */ /** Place your comment here **/
/*Place your comment here */
Identify the maximum viewport width for tablets and larger smartphones. 481px 1279px 768px 320px
768px
Identify a pseudo-class used to style an unvisited link. :visited :hover :active :link
:hover
Identify a pseudo-class used to style a link when the mouse is moving over it. :visited :link :hover :active
:hover
A _____ tag is used to insert a line break in a Hypertext Markup Language (HTML) document. <p> </p> <div></div> <br /> <hr />
<br/>
A description list should be defined between a pair of _____ tags. <span> and </span> <dl>and</dl> <dt> and </dt> <dd> and </dd>
<dl> and </dl>
The _____ tags must be at the start and end of heading level 1. <h1></h1> </h1><h1> </h1></h1> <h1><h1>
<h1> </h>
The _____ tags must be at the start and end of an ordered list. <span> and </span> <ul>and</ul> <ol>and</ol> <dl>and</dl>
<ol> and </ol>
The _____ element must be used to create paragraphs in the main area of a Hypertext Markup language (HTML) code. <br /> <p></p> <span></span> <h1></h1>
<p></p>
_____ in a wireframe is an area on the page that is intentionally left blank. Active white space Passive white space Passive blue line Active blue line
Active white space
The _____ was created to resolve the difficulty in remembering and using Internet Protocol (IP) addresses to access websites. Shared Network Storage (SNS) system Computer Stack System (CSS) Machine Access Control (MAC) system Domain Name System (DNS)
Domain Name System(DNS)
Style sheets restrict a web designer from easily rebranding a website. True False
False
The factors associated with target audience that help to design a website appropriate to all users are _____. gender age level of computer literacy income level
Gender, age and level of computer literacy
_____ are Hypertext Markup Language (HTML) structural semantic elements. main header nav head
Header, Nav, and Main
____ is an authoring language used to create documents for the web. Unified Modeling Language (UML) Extensible Stylesheet Language (XSL) Hypertext Markup Language (HTML) Structured Query Language (SQL)
Hypertext Markup Language
_____ is a set of rules for exchanging text, graphic, sound, video, and other multimedia files on the web. Gross Data Transfer Protocol (GDTP) Uniform Resources Protocol (USP) Network Time Protocol (NTP) Hypertext Transfer Protocol (HTTP)
Hypertext Transfer Protocol (HTTP)
192.168.1.5 is an example of a(n) _____. Internet Protocol (IP) address Transmission Control Protocol (TCP) address Internet Access Control (IAC) address Domain Name Number (DNN)
Internet Protocol (IP) address
The _____ image file format supports more than a million colors. JPG PNG SVG GIF
JPG
instructors use a _____ to communicate announcements, post questions on reading material, list contact information, and provide access to lecture slides and videos. Subject Scheduling System (SSS) Learning Management System (LMS) Continuous Assessment System (CAS) Learning Information System (LIS)
Learning Management System (LMS)
_____ are popular browsers in use today. Microsoft Internet Explorer Mozilla Firefox Apple Safari Mosaic
Microsoft Internet Explorer, Mozilla Firefox, Apple Safari.
To have the items in a list appear without bullets, the list-style-type value has to be set to _____. zero no-bullet none bullet-zero
NONE
_____ in a wireframe is the space between content areas. Passive blue line Active white space Active blue line Passive white space
Passive White Space
____ can serve as hyperlinks. Text Animations Portals Graphics
Text and Graphics
When creating a webpage template, including _____ provides additional information about how to use the sections of the webpage. white-spaces word wraps comments headings
comments
A(n) _____ is the address of a document or other file accessible on the Internet. Uniform Resource Locator (URL) explorer link client tag Digital Resource Identifier (DRI)
Uniform Resource Link (URL)
To access a website using a browser, one must type the webpage's _____ in the browser's address bar. Digital Resource Identifier (DRI) tag header Uniform Resource Locator (URL)
Uniform Resource Locator (URL)
The _____ develops and maintains web standards, language specifications, and accessibility recommendations. Framework 7 Consortium (F7C) Networked Operations Consortium (NOC) Wireless Power Consortium (WPC) World Wide Web Consortium (W3C)
World Wide Web Consortium (W3C)
A valid value for the font-size property is _____. a percentage the value oblique a hexadecimal value an actual numeric size
a percentage
______ define additional characteristics, or properties, of Hypertext Markup Language (HTML) elements such as the width and height of an image. Attributes Parameters Cells Wireframes
attributes
To center all of the elements so that a page appears centered within a browser window, one should create styles to set the left and right margins to _______. auto display box-shadow margin
auto
The Hypertext Markup Language (HTML) elements that define the structure of a webpage must be within a(n) _____ element. body nav img div
body
The _____ separates the padding and the margin of a block element. separator header footer border
border
In a list, including the _____ property adds a rounded border to each list item. list-radius list-style-type border-style-type border-radius
border-radius
The _____ property rounds the corners of a block element's border. border-radius border border-style box-shadow
border-radius
A _____ is the point at which different styles are applied to a webpage, usually depending on the viewport. checkpoint breakpoint media point tracepoint
breakpoint
An unordered list displays a small graphic called a(n) _____ before each item of information. bullet head int tag
bullet
Common content found within a webpage header includes _____. the business logo page links business contacts information the business name
business name or logo
The _____ property can be used to remove the float effect if one does not want text to wrap around an image. text-align padding display clear
clear
A(n) _____ is any device, such as a computer, tablet, or smartphone, connected to a network. node Uniform Resource Locator (URL) data packet wireframe
data packet
An internal style sheet is also known as a(n) _____ style sheet.
embedded
Elastic layouts are measured in _____. ems pts cms pcs
ems
If a common style is to applied to more than one webpage in a website, a(n) _____ style sheet should be used. embedded disc inline external
external
The first step while using an _____ style sheet is to use a text editor to create and save a document with a .css extension. internal inline embedded external
external
When more than one value is provided for the font-family property, the additional values are called _____ values. fallback add-on rollover supplementary
fallback values
By default, the font color of link text changes to red when a visitor taps or clicks a link. True False
false
Pseudo-classes are more often used in a desktop viewport because mobile and tablet devices are touch devices and do not have a hover option nor an option to click. False True
false
Flexible images are fairly difficult to implement. False True
false
The color code for white in the RGB (Red, Green, Blue) notation is rgb(0,0,0). False True
false the correct color code is 255,255,255
A webpage with a _____ does not change when the browser window is resized or the page is displayed at varying resolutions. responsive layout receptive layout fluid layout fixed layout
fixed layout
_____ possess the same width even if the size of the viewport changes. Fluid layouts Adaptive layouts Fixed layouts Liquid layouts
fixed layout
_____ shrink and grow based on the size of a viewport. Flexible images Closed images Indexed images Stable images
flexible images
The _____ property allows the positioning of an element to the right or left of other elements.
float
A webpage with a _____ layout changes in width based on the size of a viewport. liquid static fixed fluid
fluid
____ can be implemented by measuring the widths of wireframe elements and content in relative units such as percentages and ems. Fluid layouts Static layouts Fixed layouts Closed layouts
fluid layouts
The _____ property describes specific and general font names. font-style font-names font-text font-family
font-family
Identify the rule that centers an h1 element. text-align: center ; { align: center; } h1 { align: center; } h1 { text-align: center; }
h1 { text-align: center;
he _____ is an example of block elements. footer header span main
heaader, main and footer
A _____ element contains information about a webpage, such as the webpage title and the defined character set, not website content. head header footer tag
head
A _____ is located at the top of a webpage and identifies the site, often by displaying the business name or logo. navigation pane header footer copyright label
header
A _____ website structure connects webpages in a treelike structure. webbed nested hierarchical partitional
hierarchical
Each website contains a _____ page, which is the first document users see when they access the site. server documents home tools
home
The _____ page of a website typically provides information about the website's purpose and content, often by including a list of links to other webpages on the website. server tables tools home
home
When using images with large file sizes, a photo or graphics editor should be used to _____ the graphic for web use. replace diminish optimize tag
optimize
To create a class selector, the style rule should begin with a _____ followed by the class attribute value. hash tag semi colon comma period
period
One _____ is equal to one dot on a display screen. rem pica pixel em
pixel
If one wants to format the content in the div id="container" section, then #container should be used as a(n) _____. declaration selector anchor definition
selector
When a Hypertext Markup Language (HTML) document is _____, it confirms that all of the code is correct and follows the established rules set by World Wide Web Consortium (W3C). oriented verified repudiated validated
validated
The World Wide Web Consortium (W3C) recommends _____ all Hypertext Markup Language (HTML) documents and making it a part of webpage testing. orienting validating repudiating authoring
validating
If a document has any errors, _____ gives a chance to identify and correct them. viewporting validating hyperlinking emulating
validating
A _____ is a simple, visual guide that clearly identifies the location of main webpage elements, such as the navigation area, organization logo, content areas, and images. prototype proxy wireframe singleton
wireframe
A _____ applies proportional size measurements to a webpage wireframe and content so that the content stretches, shrinks, and grows as the size of the viewport changes. fluid layout hotspot layout fixed layout grid layout
fluid layout
The _____ area of a webpage contains the copyright and contact information. footer header navigation section
footer
In the context of a style rule including a selector and a declaration, _____ formats h1 elements using blue text. color=blue h1 {color: blue;} {color: blue} h1 (color=blue;)
h1 {color: blue;}
The style rule used to set the same font family property and values for the header, nav, and footer elements is _____. header, nav, footer { font-family: Calibri, Arial, sans-serif; } { font-family: Calibri, Arial, sans-serif; } header, nav, footer Calibri, Arial, sans-serif; {header, nav, footer}
header, nav, footer { font-family: Calibri, Arial, sans-serif; }
