CIW Lesson 1

Which technology enables you to place formatting instructions in an external text file to determine how HTML elements in a Web page will display? *Geolocation *HTML5 *HTML5 APIs *Cascading Style Sheets

Cascading Style Sheets

The HTML5 specification supports, among others, the popular MP3, Ogg and WAV audio formats. Which of the following major Web browsers supports all three of these formats? *Safari *Firefox *Internet Explorer 10 *Chrome

Chrome

<nav>

Defines an area for navigation links; typically includes links to other resources on the site

<main>

Defines content that is directly related to the subject of the document

<aside>

Defines content that is supplementary to the main content; typically ads

<section>

Defines portions or areas of a document; typically consists of a group of articles or images

<article>

Defines site content accompanying the main content; typically includes company services, blogs, images, tweets, ect

<footer>

Defines the bottom of the web page; typically includes copyright and contact information

<header>

Defines the top of the web page; typically includes the company logo

True or False? CSS is the markup language that defines page structure, hyperlinks, and graphics to enable pages to render in Web browsers and other devices.

False

True or False? HTML5 is the first version of HTML to make use of CSS

False

True or False? The HTML 4.01 Recommendation contained many improvements from HTML 3.2, most notably the <video> and <audio> elements.

False

True or False? XHTML is a version of HTML that will validate without the need to follow the strict syntax rules of XML.

False

What can you do to ensure that your Web page content is rendered appropriately regardless of the browser used to render it? *Follow W3C standards carefully, choose one standard version of any given language you use, and apply that standard consistently. *Avoid using HTML5 APIs in your Web pages. *Incorporate languages and technologies such as Java, ActiveX, Microsoft Silverlight and Adobe Flash in your Web pages. *Write code in multiple versions of any given language to maximize the number of browsers in which your pages will render correctly.

Follow W3C standards carefully, choose one standard version of any given language you use, and apply that standard consistently.

Which HTML 4.01 flavor required the separation of presentation and content? *HTML 4.01 Standard *HTML 4.01 Strict *HTML 4.01 Transitional *HTML 4.01 Frameset

HTML 4.01 Strict

What is an advantage of using HTML5 APIs when designing Web pages for mobile devices? *HTML5 APIs make Web pages non-responsive to varying user screen sizes, thereby saving battery power and CPU memory. *HTML5 APIs eliminate the need for Cascading Style Sheets, thereby saving battery power and CPU memory. *HTML5 APIs streamline the application of proprietary browser plug-ins when plug-ins are included in Web pages designed for mobile devices. *HTML5 APIs use fewer resources than a proprietary browser plug-in does, such as battery power and CPU memory.

HTML5 APIs use fewer resources than a proprietary browser plug-in does, such as battery power and CPU memory.

Which of the following is no longer necessary when you use HTML5 to develop Web pages? * *Installing a third-party plug in to include video * *

Installing a third-party plug in to include video

Canvas is an HTML5 API that provides a place on a Web page (a "canvas") where you can display graphics, animation, video and games dynamically without the need for a plug-in. Which of the following should you use to create objects on a canvas? *Flash *Cascading Style Sheets (CSS) *CanvasScript *JavaScript

Javascript

JavaScript

Language that provides dynamic, interactive elements to Web pages

Cascading Style Sheets

Language that provides the formatting and "look" of a Web page or document written in a markup language

HTML5

Language used for structuring and describing Web page content

Audio Format

MP3 and WAV

Video Format

MP4 and WebM

Both Video and Audio Format

Ogg

Which of the following can be considered a benefit of Cascading Style Sheets (CSS)? *Making changes to elements in the site will update the style sheet. *Web pages that are linked to a CSS document are more likely to be interpreted accurately by the majority of user agents. *You can use CSS in lieu of HTML to develop Web pages. *One simple change to the style sheet will change all associated elements across the site.

One simple change to the style sheet will change all associated elements across the site.

To what does the term "app" refer? *Relatively simple Web pages that work in multiple environments *Relatively small applications developed exclusively for mobile devices *Relatively simple Web pages that respond to user screen size *Relatively small programs that enable components of an application to work together to produce a desired functionality

Relatively small applications developed exclusively for mobile devices

HTML5 has introduced specific elements to structure Web pages. In which structure element should you include content that is directly related to the subject of the document? *The <article> structure element *The <section> structure element *The <main> structure element *The <nav> structure element

The <main> structure element

HTML5 has introduced specific elements to structure Web pages. In which structure element should you include hypertext menus to access various pages of the Web site? *The <aside> structure element *The <article> structure element *The <nav> structure element *The <section> structure element

The <nav> structure element

Consider the following HTML code: <video width="360" height="270" controls="controls" poster="image.png"> <source src="video.mp4" type="video/mp4" /> <source src="video.webm" type="video/webm" /> <source src="video.ogg" type="video/ogg" /> Your browser does not support the HTML5 video element. </video> What attribute prevents the first frame of the video from displaying while the video is downloading? *The controls attribute *The src attribute *The poster attribute *The type attribute

The poster attribute

What does the W3C Markup Validation Service use to determine the HTML specification against which to validate your Web page markup code? *The specified DTD in the <DOCTYPE> declaration on your HTML page *The specified DTD in the <main> section of your HTML page *The specified DTD in the <nav> section of your HTML page *The <!DOCTYPE> declaration in the <header> section of your HTML page

The specified DTD in the <DOCTYPE> declaration on your HTML page

For what should you use the controls attribute of the <video> element? *To identify the location and file name of the media resource *To identify the format, or MIME type, of the video *To add video controls such as the Play, Pause, Rewind and Volume controls *To identify an image to be displayed until the Play button is clicked or while the video is downloading

To add video controls such as the Play, Pause, Rewind and Volume controls

True or False? CSS commands determine how HTML elements will display in Web pages.

True

True or False? HTML5 is designed to eliminate the need for third-party plug-ins and add-ons during web development.

True

True or False? You can incorporate scripting languages and specialized content created with programs and technologies such as Java, ActiveX, Microsoft Silverlight, and Adobe Flash into HTML5 Web pages.

True

True or False? You use the <!DOCTYPE> declaration to specify the variant of HTML you are using to develop your web pages.

True

Why is it important that you adopt a single W3C standard and apply it consistently to your Web page markup? *When you validate your markup code, the code will match the DTD (standard syntax rules) that you specify. *You can more easily structure your Web page without the need of document structure tags. *When you validate your markup code, the validation program can easily identify the actual cause of any invalid code. *When you validate your markup code, only invalid code will be marked as such.

When you validate your markup code, the code will match the DTD (standard syntax rules) that you specify.

What distinguishes Extensible HTML (XHTML) from other versions of HTML? *XHTML establishes ways to enable drag-and-drop capability for Web pages without using third-party add-ons. *XHTML standardizes how video and audio are presented on a Web page. *XHTML incorporates the strict syntax rules of Extensible Markup Language (XML) with the existing set of HTML 4.01 tags to create Web documents. *XHTML gives developers more native tools to use on a page, such as download progress indicators, image captioning options and form validation.

XHTML incorporates the strict syntax rules of Extensible Markup Language (XML) with the existing set of HTML 4.01 tags to create Web documents.

Which of the following can be considered a benefit of developing Web pages using the "Web Development Trifecta"? *You can create Web pages without the need for page structure elements to define the document structure. *You can create Web pages that no longer need to be validated to an HTML standard in order to properly render in any browser/device. *You can create Web pages that easily adapt to smartphones, tablets, gaming devices and smart TVs, as well as traditional computers . *You can create Web pages without the need for hyperlinks.

You can create Web pages that easily adapt to smartphones, tablets, gaming devised and smart TVs, as well as traditional computers.

You can use a Graphical User Interface (GUI) editor to create Web pages, or you can manually code them using HTML5 and CSS3. Why is it important to understand what goes on behind the GUI of a Web editor? *You will be able to troubleshoot code issues when the GUI Web editor fails. *You will be able to resize your Web pages to conform to the size of a device's screen. *You will be able to change the GUI interface to more closely suit your coding habits. *You will be able to create apps for mobile Web browsers.

You will be able to troubleshoot code issues when the GUI Web editor fails.

What does it mean to create Web pages with "responsive design"? *Your Web pages appear statically regardless of the device used to view them. *Your Web pages respond to user screen size and work in multiple environments. *Your code validates properly so that the code will be recognized by most user agents. *Your Web pages incorporate languages and technologies such as Java, ActiveX, Microsoft Silverlight and Adobe Flash.

Your Web pages respond to user screen size and work in multiple environments.

Code validation is the process of: *accessing another point in a Web page or separate Web page. *creating code that responds to user screen size. *checking your code to verify that it complies with the syntax rules for your chosen standard. *determining how to display HTML elements in your Web page.

checking your code to verify that it complies with the syntax rules for your chosen standard.

Consider the following HTML code: <audio> <source src="audio.mp3" type="audio/mpeg" /> <source src="audio.wav" type="audio/wav" /> <source src="audio.ogg" type="audio/ogg" /> Your browser does not support the HTML5 audio element. </audio> Which attribute and value must you add to the <audio> element to incorporate default audio operations such as Play, Pause, Volume, etc.? *controls="controls" *controls="audio" *controls="yes" *controls="default"

controls="controls"

HTML5 APIs can be used to: *provide a development environment that enables the seamless use of proprietary browser plug-ins. *create apps for mobile devices. *determine how to display HTML elements in your Web pages. *call another location in the Web page or a separate Web page when the API is selected.

creates apps for mobile devices

What attribute should you add to the <audio> element if you want your audio to play over and over again without stopping? *loop="loop" *loop="autoplay" *autoplay="loop" *autoplay="autoplay"

loop="loop"