Lesson 2 Pre-Quiz Building the User Interface by Using HTML
What is the purpose of the img src construct in the following canvas code snippet? <canvas id="smlRectangle" height="100" width="200"> <img src="http://www.example.com/images/smlRectangle.jpg" alt="A blue rectangle" /> </canvas>
to display a fallback image if canvas is not supported
Which of the following is the standard HTML5 doctype declaration?
<!doctype html>
You want to use an image file named green.png in your Web page. The file is located on a remote server at example.com in an images folder. What is the correct syntax?
<img src="http://www.example.com/images/green.png" alt="Green ball" />
You are creating a Web page and want to highlight a word in blue. Which of the following is correct?
<p>The answer is <mark style="background-color:blue;">correct</mark>.</p>
You are creating a Web page template that will display articles. You want a machine- readable date to appear at the bottom of the page. Which of the following will display "November 2014"?
<time datetime="2014-11">
Canvas is most like which of the following programs?
Microsoft Paint
Which of the following is true of SVG?
SVG loads into the DOM.
You are creating a Web page and want to apply a light beige color to the entire background. Which of the following techniques should you use?
Use the CSS background-color property.
Which of the following is true of deprecated elements?
You will receive an error when attempting to validate a Web page that contains a deprecated element, You may use a deprecated element if you know your Web page visitors use older browsers.
In the following markup example, what is href? <a href="http://www.example.com">This is a link.</a>
attribute
What does the following code create? <menu label="Music Genre"> <command type="radio" radiogroup="musicgenre" label="Art"> <command type="radio" radiogroup="musicgenre" label="Popular"> <command type="radio" radiogroup="musicgenre" label="Traditional">
buttons
Which of the following elements is new in HTML5?
command
You are using canvas to create an outline of a rectangle. What part of the following code creates the outline without a fill color? context.strokeStyle = "red"; context.strokeRect(10,20,200,100);
context.strokeRect
You are modifying a Web page to include product photos. Which of the following is the element that specifies the type of image file you're adding, and has the ability to display multiple images side by side?
figure
You are creating a shape using canvas. Which JavaScript method do you use to create the shape?
getElementById
Which of the following is not a global attribute?
mark
In the following markup, which does the r attribute control? <svg id="svgpurpball" height="200" xmlns="http://www.w3.org/2000/svg"> <circle id="purpball" cx="40" cy="40" r="40" fill="purple" /> </svg>
radius
In the following markup example, what is the information between the quote marks? <a href="http://www.example.com">This is a link.</a>
value
Where can JavaScript code be located?
within the head element of an HTML file, n an external JavaScript file
In the following markup, which does the points attribute define? <svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <polygon points="100,10 40,180 190,60 10,60 160,180" style="fill:aqua;stroke:orange;stroke-width:5; fill-rule:evenodd;"/> </svg>
x and y coordinates for each corner of the polygon
