NEW
Font size
WorksheetsMAWD Unit 4
Total questions: 65
Worksheet time: 33mins
Which is the proper way to code an inline style attribute?
color=blue
color blue
"color:blue"
color=(blue)
Tiffany is creating a multiple page website and wants consistency in appearance. Which CSS method permits her to update the appearance of all pages by changing one file?
External style sheet
Inline styles
Internal style sheet
CSS selectors
Which item refers to the start tag, the end tag and everything in between?
HTML tag
HTML attribute
HTML element
CSS
What section of a web page contains the author of the document, copyright information, links to the terms of the use, contact information, etc.
Header
Footer
Nav
Div
A designer would use which tag to create a web page with sections of specific styles?
<Header>
<Footer>
<Nav>
<Div>
Which CSS inline style results in the text size of a web page paragraph displaying at 14px?
<p style=“font:14px”>
<p style=“size:14px”>
<p font=“size:14pt”>
<p style=“font-size:14px”>
What is the difference between an HTML tag and an HTML element?
An HTML tag is case sensitive and an HTML element is not case sensitive.An HTML tag defines content and an HTML element gives additional meaning and content.
An HTML Tag defines content and an HTML element includes the opening and closing tags and everything in between.
An HTML tag is always paired and an HTML element is an “empty” tag.
The World Wide Web Consortium (W3C) plays which role in the web development standards?
It creates websites accessible to everyone.
It develops the standards for HTML and CSS.
It develops web browsers.
It is the agency that controls the World Wide Web.
What type of CSS is coded in line 14?
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>My Personal Web Page</title>
5 <style>
6 body {background-color:#3D5C99; color:white; font-family:Verdana; margin:10px;)
7 h1 {font-family:Verdana; color:#E6E6E6; text-align:center;}
8 h2 {font-family:Verdana; color:#CCCCCC;}
9 p {font-family:Verdana; color:white; font-size:18px:}
10 img {margin:8px; padding 4px;}
11 </style>
12 </head>
13 <body>
14 <div style="background-color:#25375C">
15 <img src="banner.png" alt="web banner">
16 <h1>Welcome to My Web Page</h1>
17 <h2>3 Facts About Me</h2>
18 <ol>
19 <li>I have one brother.</li>
20 <li>I have a dog named Skip.</li>
21 <li>I have a cat named Taz.</li>
22 </ol>
23 <img src="school.png" alt="my school" style="float:left" width="100" height="100">
24 <p>I attend Maple High School. My favorite course is Multimedia and Web Page Design.
25 I am learning to code HTML. I think it is fun to make web pages.</p>
26 </div>
27 <footer style="background-color:#121C2E; color:#C3C3C3; ext-align:center">
28 Your Name Here--Date
29 </footer>
30 </body>
31 </html>
Inline CSS
Internal CSS
External CSS
CSS declarations
Which tag will create a line break in a web document?
<br />
<hr />
<h1 />
<li />
What will display for lines 24 through 27 in the code below?
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>HTML Introduction</title>
5 </head>
6 <body>
7 <h1>Things I know about HTML</h1>
8 <hr>
9 <h2>3 Facts about HTML</h2>
10 <ul>
11 <li>HTML stands for Hypertext Markup Language.</li>
12 <li>The w3c makes recommendations that become Web standards.</li>
13 <li>The current HTML standard is html 5</li>
14 </ul>
15 <img src="http://www.w3.org/html/logo/img/html5-display.png">
16 <br>
17 <a href="http://www.w3.org/">World Wide Web Consortium<a>
18 <br>
19 <video width="320" height="240" controls>
20 <source src="movie.mp4" type="video/mp4">
21 Your browser does not support this video tag
22 </video>
23 <br>
24 <audio controls>
25 <source src="horse.mp3" type="audio/mpeg">
26 Your browser does not support this video tag
27 </audio>
28 </body>
29 </html>
Numbered list
Bulleted list
Hyperlink
Audio
John wants the name of his book to appear in Google's search results. In which tag should this information be placed within in his web page?
<meta>
<head>
<body>
<nav>
What is the proper code to insert an image named “frog.jpg” into a web page?
<img src=“frog” width=“104” height=“142”>
<img src=“frog.jpg” width=“104” height=“142”>
<img=“frog.jpg” width=“104” height=“142”>
<img =“frog” width=“104” height“142”>
In the code below, how will the paragraph in lines 24 and 25 display when viewed in a web browser?
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>My Personal Web Page</title>
5 <style>
6 body {background-color:#3D5C99; color:white; font-family:Verdana; margin:10px;)
7 h1 {font-family:Verdana; color:#E6E6E6; text-align:center;}
8 h2 {font-family:Verdana; color:#CCCCCC;}
9 p {font-family:Verdana; color:white; font-size:18px:}
10 img {margin:8px; padding 4px;}
11 </style>
12 </head>
13 <body>
14 <div style="background-color:#25375C">
15 <img src="banner.png" alt="web banner">
16 <h1>Welcome to My Web Page</h1>
17 <h2>3 Facts About Me</h2>
18 <ol>
19 <li>I have one brother.</li>
20 <li>I have a dog named Skip.</li>
21 <li>I have a cat named Taz.</li>
22 </ol>
23 <img src="school.png" alt="my school" style="float:left" width="100" height="100">
24 <p>I attend Maple High School. My favorite course is Multimedia and Web Page Design.
25 I am learning to code HTML. I think it is fun to make web pages.</p>
26 </div>
27 <footer style="background-color:#121C2E; color:#C3C3C3; ext-align:center">
28 Your Name Here--Date
29 </footer>
30 </body>
31 </html>
Verdana, white text, 30 pixels
Verdana, #CCCCCC text color, center aligned
Verdana, white text, 18 pixels
Times New Roman, black text, 16 pixels
What tag defines the beginning of a web page?
<h1>
<p>
<html>
<title>
Sarah wants to create a web page displaying text in the Arial typeface. Which CSS inline style should be used?
<body style=“font:Arial”>
<body font=“style:Arial”>
<body style=“font-family:Arial”>
<body family=“face:Arial”>
When using a text editor, what file extension(s) must be used when saving as a web document?
.txt
.html or .htm
.doc
.css
Which item interprets the source code in a web document?
Web browser
Text editor
HTML editor
Web server
A properly coded HTML tag will always be found between which two symbols?
( )
{ }
[ ]
<>
John wants to insert a CSS comment identifying himself as the author. Which line of code correctly inserts a CSS comment?
<--Written by John Doe-->
/*Written by John Doe*/
/!--WrittenbyJohnDoe"/
<Writtenby="JohnDoe">
Between which paired tags would the visible content of a web page be displayed?
<html></html>
<head></head>
<title></title>
<body></body>
Which tag defines the set of navigation links?
<Header>
<Footer>
<Nav>
<Div>
What is line 17 in the code below?
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>HTML Introduction</title>
5 </head>
6 <body>
7 <h1>Things I know about HTML</h1>
8 <hr>
9 <h2>3 Facts about HTML</h2>
10 <ul>
11 <li>HTML stands for Hypertext Markup Language.</li>
12 <li>The w3c makes recommendations that become Web standards.</li>
13 <li>The current HTML standard is html 5</li>
14 </ul>
15 <img src="http://www.w3.org/html/logo/img/html5-display.png">
16 <br>
17 <a href="http://www.w3.org/">World Wide Web Consortium<a>
18 <br>
19 <video width="320" height="240" controls>
20 <source src="movie.mp4" type="video/mp4">
21 Your browser does not support this video tag
22 </video>
23 <br>
24 <audio controls>
25 <source src="horse.mp3" type="audio/mpeg">
26 Your browser does not support this video tag
27 </audio>
28 </body>
29 </html>
Absolute reference
Relative reference
Nav
Div
Which line of code correctly creates a link to Amazon’s website?
<a ref=“http://www.amazon.com”>Amazon</a>
<href=http://www.amazon.com>Amazon<a>
<a href=“http://www.amazon.com”>Amazon
<a href=“http://www.amazon.com”>Amazon</a>
Which is an example of using an inline CSS style in a web page?
<p style=“color:blue”>
p {style=color;blue>}
<p style=color;blue>
p {style=“color:blue”}
In the code below, which line of code will display the web document’s title in a web browser?
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>My Personal Web Page</title>
5 <style>
6 body {background-color:#3D5C99; color:white; font-family:Verdana; margin:10px;)
7 h1 {font-family:Verdana; color:#E6E6E6; text-align:center;}
8 h2 {font-family:Verdana; color:#CCCCCC;}
9 p {font-family:Verdana; color:white; font-size:18px:}
10 img {margin:8px; padding 4px;}
11 </style>
12 </head>
13 <body>
14 <div style="background-color:#25375C">
15 <img src="banner.png" alt="web banner">
16 <h1>Welcome to My Web Page</h1>
17 <h2>3 Facts About Me</h2>
18 <ol>
19 <li>I have one brother.</li>
20 <li>I have a dog named Skip.</li>
21 <li>I have a cat named Taz.</li>
22 </ol>
23 <img src="school.png" alt="my school" style="float:left" width="100" height="100">
24 <p>I attend Maple High School. My favorite course is Multimedia and Web Page Design.
25 I am learning to code HTML. I think it is fun to make web pages.</p>
26 </div>
27 <footer style="background-color:#121C2E; color:#C3C3C3; ext-align:center">
28 Your Name Here--Date
29 </footer>
30 </body>
31 </html>
Line 4
Line 15
Line 16
Line 25
What will display for lines 10 through 14 in the code below?
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>HTML Introduction</title>
5 </head>
6 <body>
7 <h1>Things I know about HTML</h1>
8 <hr>
9 <h2>3 Facts about HTML</h2>
10 <ul>
11 <li>HTML stands for Hypertext Markup Language.</li>
12 <li>The w3c makes recommendations that become Web standards.</li>
13 <li>The current HTML standard is html 5</li>
14 </ul>
15 <img src="http://www.w3.org/html/logo/img/html5-display.png">
16 <br>
17 <a href="http://www.w3.org/">World Wide Web Consortium<a>
18 <br>
19 <video width="320" height="240" controls>
20 <source src="movie.mp4" type="video/mp4">
21 Your browser does not support this video tag
22 </video>
23 <br>
24 <audio controls>
25 <source src="horse.mp3" type="audio/mpeg">
26 Your browser does not support this video tag
27 </audio>
28 </body>
29 </html>
Numbered list
Bulleted list
Hyperlink
Audio
What will display for lines 10 through 14 in the code below?
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>HTML Introduction</title>
5 </head>
6 <body>
7 <h1>Things I know about HTML</h1>
8 <hr>
9 <h2>3 Facts about HTML</h2>
10 <ul>
11 <li>HTML stands for Hypertext Markup Language.</li>
12 <li>The w3c makes recommendations that become Web standards.</li>
13 <li>The current HTML standard is html 5</li>
14 </ul>
15 <img src="http://www.w3.org/html/logo/img/html5-display.png">
16 <br>
17 <a href="http://www.w3.org/">World Wide Web Consortium<a>
18 <br>
19 <video width="320" height="240" controls>
20 <source src="movie.mp4" type="video/mp4">
21 Your browser does not support this video tag
22 </video>
23 <br>
24 <audio controls>
25 <source src="horse.mp3" type="audio/mpeg">
26 Your browser does not support this video tag
27 </audio>
28 </body>
29 </html>
Numbered list
Bulleted list
Hyperlink
Audio
Which tag defines the visible content of a web document?
<body>
<head>
<meta>
<title>
Which item shows proper syntax for an HTML comment?
<!Comment: "Created by Joe"!>
!Created by Joe!
<!--Created by Joe-->
<Created by Joe>
Which hyperlink shows an absolute link?
href=“www.nytimes.com”>NYTimes</a>
<a href=“page1.html”>Page One</a>
<a href=“http://www.target.com”>Target</a>
<a href=“offers.jpg”>Offers</a>
Anthony is creating a web page on seals. To ensure that his page can be found through Google, Anthony must include pertinent information in which tag section?
<meta>
<head>
<body>
<nav>
Which line of code correctly places a GIF image named “tiger” into a web page?
<img src=“tiger” alt=“BengalTiger”>
<img gif=tiger alt=“BengalTiger”>
<img src=“tiger.gif” alt=“BengalTiger”>
<image source=“tiger.gif” alt=“BengalTiger”>
For line 17 in the code below, how will "World Wide Web Consortium" display on the web page?
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>HTML Introduction</title>
5 </head>
6 <body>
7 <h1>Things I know about HTML</h1>
8 <hr>
9 <h2>3 Facts about HTML</h2>
10 <ul>
11 <li>HTML stands for Hypertext Markup Language.</li>
12 <li>The w3c makes recommendations that become Web standards.</li>
13 <li>The current HTML standard is html 5</li>
14 </ul>
15 <img src="http://www.w3.org/html/logo/img/html5-display.png">
16 <br>
17 <a href="http://www.w3.org/">World Wide Web Consortium<a>
18 <br>
19 <video width="320" height="240" controls>
20 <source src="movie.mp4" type="video/mp4">
21 Your browser does not support this video tag
22 </video>
23 <br>
24 <audio controls>
25 <source src="horse.mp3" type="audio/mpeg">
26 Your browser does not support this video tag
27 </audio>
28 </body>
29 </html>
Numbered list
Bulleted list
Hyperlink
Audio
Annie wants the name of her product to be the main heading at the top of her web page. Which code would be used to define the main heading for the product in a web page?
<h1>Product</h1>
<h3>Product</h3>
<h5>Product</h5>
<h6>Product</h6>
In the code below, how will lines 18 through 22 display in a web browser?
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>My Personal Web Page</title>
5 <style>
6 body {background-color:#3D5C99; color:white; font-family:Verdana; margin:10px;)
7 h1 {font-family:Verdana; color:#E6E6E6; text-align:center;}
8 h2 {font-family:Verdana; color:#CCCCCC;}
9 p {font-family:Verdana; color:white; font-size:18px:}
10 img {margin:8px; padding 4px;}
11 </style>
12 </head>
13 <body>
14 <div style="background-color:#25375C">
15 <img src="banner.png" alt="web banner">
16 <h1>Welcome to My Web Page</h1>
17 <h2>3 Facts About Me</h2>
18 <ol>
19 <li>I have one brother.</li>
20 <li>I have a dog named Skip.</li>
21 <li>I have a cat named Taz.</li>
22 </ol>
23 <img src="school.png" alt="my school" style="float:left" width="100" height="100">
24 <p>I attend Maple High School. My favorite course is Multimedia and Web Page Design.
25 I am learning to code HTML. I think it is fun to make web pages.</p>
26 </div>
27 <footer style="background-color:#121C2E; color:#C3C3C3; ext-align:center">
28 Your Name Here--Date
29 </footer>
30 </body>
31 </html>
Bulleted list
Numbered list
Definition list
Table
Which is the correct code to insert a horizontal line in a web page?
<br>
<h1>
<hr>
<li>
In the code below, which line indicates the beginning of the visible content of the web page?
1 <html>
2 <head>
3 <title>Document title</title>
4 </head>
5 <body>
6 <p>This is Content</p>
7 </body>
8 </html>
Line 1
Line 2
Line 3
Line 5
What document or section information contains introductory content or a set of navigational links for the web page?
Header
Footer
Nav
Div
In the code below, which line indicates the end of an HTML document?
1 <html>
2 <head>
3 <title>Document title</title>
4 </head>
5 <body>
6 <p>This is content</p>
7 </body>
8 </html>
Line 4
Line 6
Line 7
Line 8
In the code below, what color will the heading, Welcome to My Web Page, display when viewed in a web browser?
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>My Personal Web Page</title>
5 <style>
6 body {background-color:#3D5C99; color:white; font-family:Verdana; margin:10px;)
7 h1 {font-family:Verdana; color:#E6E6E6; text-align:center;}
8 h2 {font-family:Verdana; color:#CCCCCC;}
9 p {font-family:Verdana; color:white; font-size:18px:}
10 img {margin:8px; padding 4px;}
11 </style>
12 </head>
13 <body>
14 <div style="background-color:#25375C">
15 <img src="banner.png" alt="web banner">
16 <h1>Welcome to My Web Page</h1>
17 <h2>3 Facts About Me</h2>
18 <ol>
19 <li>I have one brother.</li>
20 <li>I have a dog named Skip.</li>
21 <li>I have a cat named Taz.</li>
22 </ol>
23 <img src="school.png" alt="my school" style="float:left" width="100" height="100">
24 <p>I attend Maple High School. My favorite course is Multimedia and Web Page Design.
25 I am learning to code HTML. I think it is fun to make web pages.</p>
26 </div>
27 <footer style="background-color:#121C2E; color:#C3C3C3; ext-align:center">
28 Your Name Here--Date
29 </footer>
30 </body>
31 </html>
#3D5C99
#E6E6E6
#CCCCCC
#25375C
In the code below, what color will the heading “3 Facts About Me” display when viewed in a web browser?
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>My Personal Web Page</title>
5 <style>
6 body {background-color:#3D5C99; color:white; font-family:Verdana; margin:10px;)
7 h1 {font-family:Verdana; color:#E6E6E6; text-align:center;}
8 h2 {font-family:Verdana; color:#CCCCCC;}
9 p {font-family:Verdana; color:white; font-size:18px:}
10 img {margin:8px; padding 4px;}
11 </style>
12 </head>
13 <body>
14 <div style="background-color:#25375C">
15 <img src="banner.png" alt="web banner">
16 <h1>Welcome to My Web Page</h1>
17 <h2>3 Facts About Me</h2>
18 <ol>
19 <li>I have one brother.</li>
20 <li>I have a dog named Skip.</li>
21 <li>I have a cat named Taz.</li>
22 </ol>
23 <img src="school.png" alt="my school" style="float:left" width="100" height="100">
24 <p>I attend Maple High School. My favorite course is Multimedia and Web Page Design.
25 I am learning to code HTML. I think it is fun to make web pages.</p>
26 </div>
27 <footer style="background-color:#121C2E; color:#C3C3C3; ext-align:center">
28 Your Name Here--Date
29 </footer>
30 </body>
31 </html>
White
#3D5C99
#E6E6E6
#CCCCCC
Which tag provides information about a website?
<body>
<html>
<meta>
<title>
Karen wants to begin a new line within a paragraph of text on a web page. Which code should she use?
<br />
<hr />
<h1></h1>
<li></li>
Jerry wants to insert a line break into his web page. Which code should he use?
<h1>
<li>
<br>
<ul>
Nate has subscribed to the U.S. Weather Service storm alert for Halifax County. He receives a message about potential bad weather in his area. This is an example of:
portability.
location awareness.
being always connected.
one-handed operation.
Tim requires corrective lenses to see properly. What mobile web challenge is he facing?
Screen size
Input
Bandwith
Cost
The web developer wants to group the school’s spring activities together on a web page and apply a particular style to that section. What layout tag would help her to group these elements together?
<div>
<nav>
<header>
<footer>
Where would Will put the contact information and links to terms of use for his website?
<div>
<table>
<header>
<footer>
Jennifer is vision impaired. She is able to view a website due to a W3C mobile web initiative called:
viewport.
resolution.
mobile accessibility.
responsive design.
Jennifer has been asked by her boss to create a website that can be viewed by the deaf. What W3C guidelines will she be using?
Viewport
Screen size
Mobile accessibility
Responsive design
Georgia’s smartphone has a screen size of 480 pixels by 320 pixels. This is an example of:
fluid layout.
resolution.
wrapper.
fixed layout.
Jed is compiling weather information on a website for local farmers. To organize the data, Jed should use which type of tag?
<nav>
<table>
<header>
<footer>
Jan has a mobile device that has a width of 480 pixels. Any components of a web page need to be displayed within the width of the device. This is an example of:
fixed layout.
resolution.
a wrapper.
screen size.
Mary is adding introductory content to her web page. What layout tag would help add this to the page?
<footer>
<nav>
<table>
<header>
Glenn is designing a website that will adjust to the user’s set up and distribute content evenly. What design consideration is being used?
Fixed layout
Resolution
Wrapper
Fluid layout
Sara has a disability which makes using small keyboards difficult. What mobile web challenge is she facing?
Screen size
Input
Bandwith
Cost
Kathryn is able to view a website on her computer, tablet, and phone. The website is not altered across each device due to:
viewport.
resolution.
mobile accessibility.
responsive design.
Jenny has created a footer section for her store website. What information should be included within the tag?
Store name
Store hours
Copyright information
Store e-mail address
Which measurement unit is used for screens?
Pixels
Points
Picas
Inches
David had an older laptop from 2004. He recently purchased a new one. He noticed that his new computer screen seemed much clearer. What would make his screen clearer?
Lower pixel density
An increase in screen resolution
Smaller screen size
Fewer pixels per inch
Dennis has difficulty opening a spreadsheet that Deborah has sent to him on his phone. Dennis is experiencing which type of mobile web challenge?
Screen size
Input
Bandwidth
Device limitations
Jules is placing an image on her website. She has a picture that is 48 pixels wide. How many ems does this picture convert to in a web browser?
2
3
4
5
A web designer is creating a website and wants each browser to resize the text size to look the same in each device. What measurement unit would the designer use in the CSS code?
@ media rule
SVG
W3C
Ems
When Ben is video conferencing, he notices that there is a delay in transmission. What mobile web challenge is he facing?
Screen size
Input
Bandwidth
Cost
