HTML
This attribute displays text in a tooltip that describes the image itself.
title
Values for the CSS "clear" property include all of the following except... both top left right
top
In semantic HTML5, the <i>... </i> element is not used to italicize text. What is the correct HTML5 semantic element to italicize text?
<em>...</em>
In the following CSS rule, what is the "font-family: Arial;" called? p {font-family: Arial;} Selector Declaration Tag Rule
Declaration
A(n) _________________ is a unique name that identifies an internet resource such as a website.
Domain Name
Which image type can contain several frames of an image in sequence and be used to create simple animations?
gif
Assume the following CSS rules. What color would the text in the paragraph element <p>...</p> be? * { color: green;} p { color: red; } p { color: orange !important; } p { color: gray; }
Orange
Choose the preferred HTML5 tag to make text appear in italics:
<em>
Which property is used to change the background color?
background-color:
In CSS, choose the correct option to select this image by its id? <img id="mainpic" src="cat.png">
#mainpic { }
In CSS, how would you select this image by its id? <img id="mainpic" src="cat.png">
#mainpic { }
Top-level domain
.com
File extension
.html or .jpg
In CSS, how would you select only the paragraphs with class name "warning"? <p class="warning">Don't do it.</p> <p>Do it.</p> <p class="warning">Nooo, don't do it.</p>
.warning { }
In CSS, what is the correct option to select only the paragraphs with the class name "warning" ? <p class="warning">Don't do it.</p> <p>Do it.</p> <p class="warning">Nooo, don't do it.</p>
.warning { }
Spaces in HTML can be difficult to understand for the novice web designer, because whether you type 1 space or 100 spaces in your HTML, the web browser renders (displays):
1 space
How many HTML heading levels are there?
6
Which CSS pseudo-class can change the appearance of an element when the user puts his/her mouse over the element? :link :focus :mouseover :hover
:hover
Which CSS pseudo-class is used to set a different style for links that a user has been to before? :link :visited :vlink :active
:visited
How can you open a link in a new browser window or tab? A) < a href = "http://some_url" target = "open">...</a> B) < a href = "http://some_url">...</a> C) < a href = "http://some_url" target = "new">...</a> D) < a href = "http://some_url" target = "_blank">...</a>
< a href = "http://some_url" target = "_blank">...</a>
Which of the following is the correct code for inserting an html comment? /*this is a comment*/ this is a comment <!-- this is a comment --> %this is a comment%
<!-- this is a comment -->
All web pages start with which of the following elements?
<!DOCTYPE html>
How can you open a link in a new browser tab? <a href="http://wikipedia.org" target="_blank">Internet encyclopedia</a> (opens in new tab) <a href="http://wikipedia.org" page="_blank">Internet encyclopedia</a> (opens in new tab) <a href="http://wikipedia.org" >Internet encyclopedia</a> (opens in new tab)
<a href="http://wikipedia.org" target="_blank">Internet encyclopedia</a> (opens in new tab)
What is the correct HTML for creating a hyperlink? <href="www.w3schools.com">IMDB <link href="www.w3schools.com">IMDB</link> <a "www.w3schools.com">IMDB</a> <a href="http://www.w3schools.com">IMDB</a>
<a href="http://www.w3schools.com">IMDB</a>
Which is the correct syntax for creating an e-mail link? <link href="mailto:[email protected]">Email Allison</link> <a href="mailto:[email protected]">Email Allison</a> Incorrect Response <a href="emailto:[email protected]">Email Allison</a> <a href="mailto:[email protected]"></a>
<a href="mailto:[email protected]">Email Allison</a>
Select ALL of the following HTML elements that are called "empty elements". A) <h1> B) <br> C) <hr> D) <p>
<br> <hr>
Which HTML element creates a definition/description list?
<dl>...</dl>
Which of the following is NOT a proper use of footer element? They all are incorrect. <footer>Copyright 2014-2015</footer> <footer> <p>Posted by: Hugo Heffner</p> <address>1 Main Street, Anywhere, CA 23145</address> </footer> <footer> <article>HTML 5 is the current standard.<article> </footer>
<footer> <article>HTML 5 is the current standard.<article> </footer>
Which of the following tags would be considered semantic? (Choose all that apply) <footer>...</footer> <header>...</header> <section>...</section> <h1>...</h1>
<footer>...</footer> <header>...</header> <section>...</section>
Select ALL of the following HTML elements that are considered to be "block elements". A) <h1> B) <p> C) <br> D) <img>
<h1> <p>
Which of the following tags would be considered structural? (Choose all that apply) <h2>...</h2> <h7>...</h7> <em>...</em> <h1>...</h1>
<h2>...</h2> <h1>...</h1>
In HTML5, which element is used to group heading elements?
<header>
Which of the following is the correct way to connect to an external style sheet? <link href="css/style.css" type="external" rel="stylesheet"/> <link href="css/style.css" type="text/css" rel="stylesheet"/> <a href="css/style.css" type="text/css" rel="stylesheet"/> <a href="css/style.css" type="external" rel="stylesheet"/>
<link href="css/style.css" type="text/css" rel="stylesheet"/
In HTML5, which element is used to define a navigation menu?
<nav>
How can you make a list that lists the items with numbers? <ul> <li>first</li> <li>second</li> <li>third</li> </ul> <ol> <p>first</p> <p>second</p> <p>third</p> </ol> <li>first</li> <li>second</li> <li>third</li> <ol> <li>first</li> <li>second</li> <li>third</li> </ol>
<ol> <li>first</li> <li>second</li> <li>third</li> </ol>
Which of the following shows the proper structure when using the paragraph tag? <p>This is a paragraph<p> <p>This is a paragraph</p> None of these are correct <p>This is a paragraph
<p>This is a paragraph</p>
Choose the preferred HTML5 tag to make text appear bold:
<strong>
In semantic HTML5, the <b>... </b> element is not used to boldface text. What is the correct HTML5 semantic element to boldface text?
<strong>...</strong>
How can you make a list that lists the items with bullets?
<ul> <li>first</li> <li>second</li> <li>third</li> </ul>
The following table lists selectors in the left column and HTML tags in the right column. Match the selectors to the HTML tag that they would match. A) <p id="info">It's a great story.<p> B) <h1 class="info">The Exciting Story</h1> C) <p class="main">Really, trust me, it's good.</p> D) <h2 id="main">The Story</h2> 1. .info { } 2. #info { } 3. .main { } 4. #main { }
A 2 B 1 C 3 D 4
cPanel
A web hosting control panel (cPanel) provides a graphical interface and automation tools designed to simplify the process of hosting a web site
The textbook discusses how images can be placed in the code of a paragraph and how this placement will effect the way the page will render. Match the three examples with their explanation. A) Before a paragraph B) In the middle of a paragraph C) Inside the start of a paragraph 1. The first row of text aligns with the bottom of the image. 2. The image is placed between the words of the paragraph that it appears in. 3. The paragraph starts on a new line after the image.
A) 3 B) 2 C) 1
The correct way to include internal styles is which of the following? A. <style type="text/css"> body { font-family: Verdana, Geneva, sans-serif; color: white background-color: black; } p { text-indent: 2em; } </style> B. <style type="internal"> body { font-family: Verdana, Geneva, sans-serif; color: white background-color: black; } p { text-indent: 2em; } </style> C. <CSS type="text/css"> body { font-family: Verdana, Geneva, sans-serif; color: white; background-color: black; } p { text-indent: 2em; } </css> D. <stylesheet type="text/css"> body { font-family: Verdana, Geneva, sans-serif; color: white; background-color: black; } p { text-indent: 2em; } </stylesheet>
A.
Which of the following provides more information about an HTML tag?
An attribute
How do you display a border like this: The top border = 10 pixels The bottom border = 5 pixels The left border = 20 pixels The right border = 1pixel? A. border-width:5px 20px 10px 1px B. border-width:10px 1px 5px 20px C. border-width:10px 5px 20px 1px D. border-width:10px 20px 5px 1px
B
Why would you use a class instead of an id in a div tag? -Because you want to use the same exact styles for several divs. -Personal Preference -Because id tags are for older browsers and are only used for compatibility -Because ids are becoming deprecated.
Because you want to use the same exact styles for several divs.
What does CSS stand for?
Cascading Style Sheets
Sub-domain
Child domain, xyz.abc.com
Host
Computer system that is accessed by a user working at a remote location. Typically, the term is used when there are two computer systems connected by modems and/or network
There are many different types of CSS selectors. Which of the following is an example of a CSS Class Selector. A. p { font-family: Arial, Verdana, sans-serif; } B. #heading { padding: 20px; } C. p b { color: blue; font-weight: bold; } D. .highlight { background-color: yellow; }
D
Domain name
Domain names are used to identify one or more IP addresses. For example, the domain name microsoft.com represents about a dozen IP addresses. Domain names are used in URLs to identify particular Web pages. For example, in the URL, http://www.pcwebopedia.co m/index.html, the domain name ispcwebopedia.com. Every domain name has a suffix that indicates which top level domain (TLD) it belongs to. There are only a limited number of such domains.
Which term describes a hyperlink you create from a file on your system to a website on the Internet?
External hyperlink
An "ID" selector can be used multiple times in the same webpage to style elements. T or F
F
Elements that always appear to start on a new line are known as inline elements. T or F
F
In HTML, block elements are normally displayed without starting a new line. T or F
F
T or F When there are 2 or more rules for the same element, as shown below, CSS uses the "Last Rule" to determine which CSS rule to follow. i {color: blue;} i {color: green;} In this example, some random text would display blue.
F
You want to use Georgia, if that's unavailable then use Times, if that's unavailable just use the default serif font. Which of the following would be the correct way to write this in CSS? Georgia, Times, serif serif, Times, Georgia 'Georgia', 'Times', 'serif' Georgia; Times; serif
Georgia, Times, serif
When creating a web page, tags are added to the page that provide extra meaning and allow browsers to show users the appropriate structure of the page. This is commonly referred to as:
HTML Markup
Select the three most common ways to specify a foreground color in CSS. -HRD Codes -Hex Codes -Contrast Codes -RYB Values -Color Names -RGB Values
Hex Codes, Color Names, RGB Values
If you had a black navigation button with white text, what kind of contrast would that be considered? Low Contrast High Contrast Medium Contrast Neutral Contrast
High Contrast
What does HTML stand for?
Hyper Text Markup Language
Generally speaking, images on a website should be relevant, convey information, and convey the right mood. Select two other qualities that should be considered when selecting images for a site? Images should fit the color palette of the site. Only jpegs of the highest quality should be used. Images should be optimized for the web (72 dpi) and the correct web format (.gif, .jpg, .png). At least one animated gif should be used per site.
Images should fit the color palette of the site. Images should be optimized for the web (72 dpi) and the correct web format (.gif, .jpg, .png).
Where in an HTML document is the correct place to refer to an external style sheet?
In the <head> section
A relative URL:
Is a shorthand way to tell the browser where a page is located in relation to the current page.
The terms "tag" and "element" are often used interchangeably. Strictly speaking, however, an element:
Is comprised of the opening tag, the closing tag, any content that lies between them and any attributes applied to the tag.
File path
Location in a system
According to your textbook, there are 3 rules for creating images to be used on the web. Choose all three. Measure images in pixels Use the width and height attributes to resize the image Save images in the right format Save images in the right dimensions
Measure images in pixels Save images in the right format Save images in the right dimensions
The use of headings and subheadings in an HTML document: -Do not have any effect on how the page will render in the browser. -Is completely different from how and why they are used in a Word document or newspaper. -Is not really needed and do not help the user understand the content presented. -Often reflects the hierarchy of the information being presented
Often reflects the hierarchy of the information being presented.
In the following CSS, "color" is called? h1, h2, { font-family: Arial; color: yellow; } Selector Declaration Property Value
Property
In the following CSS rule, what is the "p" called? p {font-family: Arial;} Command Selector Tag Declaration
Selector
Visitors to a webpage can explore how it is structured, created and formatted by viewing the:
Source Code of the page
Semantic elements means "elements with a meaning and clearly defines its content". T or F
T
The Universal (*) selector would be the easiest way to set all HTML elements on a page and set the margin & padding to zero (0). T or F
T
The font-size property can be set by using pixels, percentages, or ems. T or F
T
To display an HTML page correctly, a web browser must know which character set (character encoding) to use. T or F
T
When you create an internal hyperlink with the anchor tag, what occurs if you omit the hash ( # ) from the href attribute?
The browser will look for an internal file by the name specified in the id attribute.
What's wrong with the following HTML markup? <a href"http://www.pct.edu" title="link to Penn College website">Pennsylvania College of Technology</a>
The href attribute is missing an equals (=) sign.
When you create a hyperlink (jump link) to a specific part of the same page, which attribute must you use to define the area of the Web page to which the hyperlink will link?
The id attribute
Structure of an HTML document is similar to that of a newspaper or even a Word document because how a page is structured helps the user of the document to: Better understand the message that is being conveyed. Navigate around the document more easily. Understand what content headings and subheadings refer to within the document They all explain HTML structure
They all explain HTML structure
Heading tags in HTML are used:
To define the main headings and subheadings of the document.
Why would you want to create an external hyperlink so that it opens in a new window?
To make sure your site remains open when the user clicks on the hyperlink.
In the following CSS, "yellow" is called? h1, h2, { font-family: Arial; color: yellow; } Selector Declaration Property Value
Value
Is the HTML code below the correct way to attach an external stylesheet to an HTML file? <head> <link href="css/quiz2.css" type="text/css" rel="stylesheet" /> </head>
Yes
How do you display hyperlinks without an underline? a {text-decoration:no underline;} a {underline:none;} a {text-decoration:none;} a {decoration:no underline;}
a {text-decoration:none;}
The opening and closing body tags encompass:
all content to be displayed on the page to the user.
This attribute displays text when the image itself does not load for any reason.
alt
Which of the following property is used as a shorthand to specify a number of other background properties? A) background-attachment B) background C) background-repeat D) background-position
background
In CSS, select the property to set the background color of the <div id="wrapper">?
background-color
Which of the following CSS properties would be used to display the styled text below (select all that apply) : "Image of a black box with green border and white text" A) background-color B) font-color C) background-border D) color E) border F) font-background
background-color color border
Which is the correct CSS syntax? body:color=black {body;color:black} {body:color=black(body)} body {color: black;}
body {color: black;}
Heading tags and paragraph tags are examples of tags referred to as what type of HTML tags?
both structural and block
A visual editor, such as Adobe Brackets, has two views of the page you are creating. These views are referred to:
code editor view and preview view
What is the property used to set the text color? A) color B) font-color C) text:color D) text-color
color
In the CSS rule below, which of the following parts is known as "the declaration" ? h1 { color: blue; }
color: blue;
Box model?
content->padding->border->margin
A way to create a two column website is to: create a table and place the elements in the columns of the table. create a float using a header and footer tag. create two divs and float one left, the second div will wrap around the floated div. create a float on one side of the page then use clear to separate the information.
create two divs and float one left, the second div will wrap around the floated div.
Which of the following defines a measurement relative to a font's x-height? A) cm B) ex C) % D) em
em
Which of these is NOT a valid way of expressing type size in CSS? px pt em et
et
Which of these properties is used to specify that text should appear in italics? font-weight font-style font-variant font-italic
font-style
Which of these properties is used to specify that text should appear in bold?
font-weight
In the CSS rule below, which of the following parts is known as "the selector" ? h1 { color: blue; }
h1
How do you add a background color for all heading elements? h1.all {background-color:#FFFFFF} all.h1 {background-color:#FFFFFF} h1 {background-color:#FFFFFF} h1 {color:#FFFFFF}
h1 {background-color:#FFFFFF}
This attribute when set to a value (in pixels) holds vertical space open on the page while the image loads.
height
Which of the following is the correct way to specify a square box? x:200px; y:200px; height: 200px; width: 200px; max-height: 200px; max-width: 200px; box-height: 200px; box-width: 200px;
height: 200px; width: 200px;
The most widely used image formats for use on the web include:
jpeg, gif and png
Which of the following rules makes the content of a group of list elements sit next to each other horizontally rather than vertically? li {visibility: inline;} li {display: block;} li {display: inline;} li (display: horizontally;}
li {display: inline;}
Which CSS property would be used to create space between adjacent boxes (or HTML elements).
margin
How do you change the left margin of an element? padding-left: margin-left: text-indent: margin:
margin-left:
Which of the following is NOT one of the specific list types that are available in HTML? -definition -unordered -ordered -nested
nested
What is the correct CSS to make the background color of <p> be green? p { color-background: green; } p { background-color: green; } p { background: green; } p { bg-color: green; }
p { background-color: green; }
Which of the following would be the correct CSS to make red text for the <p> on a page? p { text-color: red; } p { color-text: red; } p { text: red; } p { color: red; }
p { color: red; }
In CSS, how would you select all the <p> tags on a page? p { } .p { } #p { } <p> { }
p { }
What property do you use to create spacing between HTML elements? A) spacing B) border C) margin D) padding
padding
Which of the following property specifies the top padding of an element? A) padding-right B) padding-left C) padding-top D) padding-bottom
padding-top
This attribute tells the browser where it can find the image file.
src
Which HTML attribute is used to define inline styles? style font class styling
style
To make text be uppercase using CSS, which declaration would you use? text-transform: all-caps; font-style: capitalize; text-transform: uppercase; text-transform: capitalize;
text-transform: uppercase;
When any image is a line drawing (such as a logo, illustration, or diagram), designers will often create in this type of image format.
vector
Which image format has the advantage that you can increase the dimensions of the image without affecting the quality of it?
vector
This attribute when set to a value (in pixels) holds horizontal space open on the page while the image loads.
width
After working on a Web site "locally", when you upload your Web site to a Web server, the relative links to files you have created should remain unchanged as long as:
your directory (folder/file) structure remains the same.