Studied by 0 people
Looks like no one added any tags here yet for you.
No
A relative link requires that you use a protocol and server path. Y/N
Yes
You can link requires to a document in a subdirectory of the current webpage by specifying only the subdirectory name and the filename. Y/N
Yes
You can use a relative link to reference images files from a repository on a different server. Y/N
Yes
The following example of how you format an absolute link:
https: / /www.contoso.com//products.html
Y/N
img
src
alt
HTML Segments:
img
picture
src
href
alt
title
Answer
< _____ _______ = “portrait.png” _______ =“Family Portrait”>
a : link
a : visited
a : hover
a : active
CSS Selectos:
a : active
a : visited
a : link
a : hover
Answer:
(;color: red)
(;color: blue)
(;color: orange)
(;color: green)
A
What style is used to render the code?
A. The browser default style will be used
B. An inline style would be used.
C. An international style will be used.
D. An external style would be used
No
“Certificates will be awarded in June”. Is displayed in grey Y/N
Yes
“Coming soon!” is displayed in blue. Y/N
Yes
“Awards” is displayed in maroon. Y/N
No
“Rock Climbing 101” is displayed in purple. Y/N
A
What is the resulting background color of the paragraph element?
A. Pink
B. Blue
C. Yellow
D. Green
D
You are building a website and want to have three main links called Home, Product Info, and Contact Us.
You will create a hierarchy of page elements and revise the stylesheets.
You want to apply a style to all elements in a document. Which type selector should you use?
A. +
B. >
C. :
D. *
h1
text-align
center
;
You are designing a website for Margie’s Travel. The website uses external stylesheets.
You need to create a style that centers all h1 elements on the page.
How should you complete the code? To answer, drag the appropriate code segment to the correct location in the code. Each code segment may be used once, more than once or not at all. You may need to drag the split bar between panes or scroll to view content. text-align center h1 = : ; .h1
Choices:
text-align
:
center
;
h1
.h1
=
Answer area:
_____ { ______ : ______ _____ }
Yes
A CSS comment starts with /* and ends with */. Y/N
No
Percent and EM are relative measurements and the size of each depends upon its parent. Y/N
No
Pixels are recommended units for specifying size. Y/N
No
The font-family attribute helps ensure maximum compatibility between web broswers. Y/N
red
Line 02 displays text in which color?
red
blue
green
purple
pixels 30
Line 02 displays text in which font size?
pixels 20
pixels 30
pixels 40
pixels 10
red
Line 03 displays text in which color
red
blue
green
purple
<!DOCTYPE html >
<html>
<head>
<title>Northwind Traders</title>
</head>
<body>
<p>Welcome to the Northwind Traders website. </p>
</body>
</ html>
You are creating a website for Northwind Traders appear on the browser tab. There will also be a paragraph that greets users to the site.
You need to crate the structure of the website.
In which order should you arrange the markup segments to develop the solution? To answer, move all markup segments from the list of markup segments to the answer area and arrange them in the correct order
</head>
</body>
<p>Welcome to the Northwind Traders website. </p>
<title>Northwind Traders</title>
</ html>
<html>
<head>
<!DOCTYPE html >
<body>
DOCTYPE html!
html
body
body
html
You are creating a simple HTML page that displays the text, Hello World. You must ensure that the markup is well-formed and conforms to industry best practices.
How should you construct the page? To answer, drag the appropriate HTML tags to the correct HTML tags to the correct HTML tag locations. Each tag may be used once, more than once, or not at all. You may need to drag the split bar between panes or scroll to view content.
HTML Tags:
body
html
DOCTYPE html!
head
Answer Area:
< ___________ >
< ___________ >
< ____________ >
Hello World
</ _________>
</ ________ >
<!DOCTYPE html>
<head>
<title> About Contoso</title>
<head/>
You are designing a webpage for Contoso by using HTML.
You need to create content for the head section.
Which four markup segments should you use? To answer, move the appropriate markup segments from the list of markup segments to the answer area and arrange them in the correct order.
NOTE: More than one order of answer choices is correct. You will receive credit for any of the correct orders you select.
Markup Segments:
<meta charset = “utf-8”>
<!DOCTYPE html>
<title> About Contoso</title>
<header>New Realeses</header>
<head/>
<h3>Contact Us</h3>
<head>
<“meta enctype”=utf-8>
<base>
<script>
<title>
<noscript>
You are creating a home page for Blue Yonder Airlines. The page will use JavaScript. If a browser does not support JavaScript, the following message must be displayed:
Your browser does not support JavaScript!
For the Blue Yonder Airlines home page, match the metadata element to the content or attribute-value pair. To answer, drag the appropriate metadata element form the column on the left to its content or attribute-value pair on the right. Each metadata element may be used once, more than once, or not at all.
NOTE: Each correct selection is worth one point.
Choices:
<script>
<meta>
<title>
<noscript>
<base>
Answer Area:
href= “style.css” __________
src=”___js/form.js” ________
Blue Yonder Airlines _________
Your browser does not support Javascript!
SmalLogo.png
max-width
NormalLogo.png
You are designing a webpage for your company. The page must be responsive so that it can be viewed on both mobile and desktop browsers.
On mobile browsers, or those with a screen width of less than 768 pixels you want to display a welcome background image named SmalLogo.png. On all other browsers, you want to display a welcome background image named NormalLogo.png.
How should you complete the code? To answer, select the appropriate code segment in the answer area.
NOTE: Each correct selection is worth one point.
Yes
Line 03 will display next to Line 01. Y/N
Yes
The image will display beneath the text on Line 03. Y/N
Yes
Line 05 and 06 display beneath the image. Y/N
C
The <div> will be displayed with white text on a green background.
Review the underlined text. If it makes the statement correct, select “No change is needed.” If the statement is correct, select the answer choice that makes the statement correct.
A. No change is needed.
B. white text on a red background.
C. black text on a green background.
D. black text on a blue background
color
You are creating an About Us webpage for Northwind Traders. You want to complete the CSS rule set to display the paragraph as shown in the following example: https://www.gratisexam.com/
How should you complete the code? To answer, select the appropriate CSS properties in the answer area.
choices:
color
font-variant
border-color: 1.5em;
background-color
Answer:
_________ : #000ff
line-height
You are creating an About Us webpage for Northwind Traders. You want to complete the CSS rule set to display the paragraph as shown in the following example: https://www.gratisexam.com/
How should you complete the code? To answer, select the appropriate CSS properties in the answer area.
choices:
position
line-height
text-indent
letter-spacing
Answer:
_________: 50px;
font-size
You are creating an About Us webpage for Northwind Traders. You want to complete the CSS rule set to display the paragraph as shown in the following example: https://www.gratisexam.com/
How should you complete the code? To answer, select the appropriate CSS properties in the answer area.
Choices:
font-size
font-variant
font-weight
Answer:
________ : 1.5em
font-style
You are creating an About Us webpage for Northwind Traders. You want to complete the CSS rule set to display the paragraph as shown in the following example: https://www.gratisexam.com/
How should you complete the code? To answer, select the appropriate CSS properties in the answer area.
Choices:
font-style
font-family
font-variant
font-weight
Answer:
_________ : italic;
You are analyzing the following CSS for an element on a page:
background: #0000FF url(“Watermark.png”) repeat-x right;
For each of the following statements, select Yes if the statement is true. Otherwise, select No.
No
You are analyzing the following CSS for an element on a page:
background: #0000FF url(“Watermark.png”) repeat-x right;
For each of the following statements, select Yes if the statement is true. Otherwise, select No.
The background of the page will be red. Y/N
No
You are analyzing the following CSS for an element on a page:
background: #0000FF url(“Watermark.png”) repeat-x right;
For each of the following statements, select Yes if the statement is true. Otherwise, select No.
The page will display the watermark multiple times horizontally starting at the right. Y/N
C
Static positioning places an element at specific coordinates relative to the page or the element’s container.
Review the underlined text. If it makes the statement correct, select “No change is needed.”
If the statement is incorrect, select the answer choice that makes the statement correct.
A. No change is needed
B. Absolute positioning
C. Relative positioning
D. Fixed positioning
color:
font-family:
font-size:
font-weight:
text-align:
You need to create a stylesheet that will cause all h1 header text to appear in blue, using the Arial font with a size of 20 pixels. The text should always be bold and center-aligned.
How should you complete the code? To answer, drag the appropriate CSS property to the correct locations. Each property may be used once, more than once, or not at all. You may need to drag the split bar between panes or scroll to view content.
img
src
alt
You are designing a webpage for your company. You want to display an image named contoso.png on the page. If the user’s Internet connection is slow, or if the user is visually impaired, you want the text Contoso Logo to be displayed or read aloud. How should you complete the markup? To answer, select the appropriate markup segments in the answer area.
video controls
<source src=”HowTo.mp4” type=”video/mp4”>
Your browser does not support playing this video
video
You are creating a web page that displays a How-To video. When accessing the video, the user must be able to play, pause, and seek. The file name of the video is HowTo.mp4, and exists in the same folder as the webpage.
If the user’s browser does not support HTML5, the page must display this message: Your browser does not support playing this video.
How should you construct the markup? To answer, drag the appropriate markup segments to the correct locations. Each markup segment may be used once, more than once, or not at all. You may need to drag the split bar between panes or scroll to view content.
img
src
alt
You need to display an image of an HTML5 logo in one of your webpages. If the page renders slowly, the text “HTML Icon” should display as the image loads.
How should you complete the markup? The answer, select the appropriate markup segments in the answer area.
Note 
Flashcard (30)