HTML & CSS Skill #4

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?

Order the elements and attributes in the correct way.

• <img

• src=

• 'html5.gif'

• alt=

• 'HTML5'

You are coding a web page and you must follow the instruction below to create a promotional video.

Add a video that has a size of 320x240 with options to play, pause, stop, volume. ​ ​

Which is the correct option?

• <video width=”320” height=”240”  controls></video>

• <source type=”video/mp4” width="320" height="240"></source>

• <source width="320 "src=”AWpromo.webm” type=”video/webm”></source>

• <video width="320" height="240"></video>

You write the following HTML markup to display an image:

<img src=” flowers.png”alt=”Flowers” title= ”Carnations” >

Use the drop-down menus to select the answer choice that answers each question based on the information presented in the markup.

b

c

d

Carnations

Flowers

In the same folder as the HTML page.

In the root folder of the website.

Adventure Works wants you to add an image to the company home page. The image should be 100 pixels width by 50 pixels height. The home page should display the company name if the image cannot be loaded.

You need to complete the markup to add an image to the existing page

How should you complete the markup?

To answer, select the appropriated markup segment in the answer area

---------------------------------------------------------------------------

          ​< ​ (a)   ​ (b)   ” companyLogo.jpg ”​ (c)   ” Adventure works ”

          ​ (d)   ​ (e)   />

• img
• src=
• alt=
• height="50"
• width="100"
• <input
• <div
• height = “50 pixels”
• widht=”100 pixels”

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:

How should you complete the code? To answer, select the appropriate CSS properties in the answer area.

Answer Area

<style>

p{

​ (a)   : #0000FF;

​ (b)   : 50px;

​ (c)   : 1.5 rem;

​ (d)   : italic;

}

</style>

• color
• font-size
• text-indent
• font-style
• font-variant
• font-weight
• line-height
• background-color
• text-align

   Content rendered by the <svg> element is omitted in printing because it is used to secure videos and graphics.

• Yes

• No

Enlarging an image  rendered by the <canvas> element can decrease its quality. 

• Yes

• No

SVG content can be created o edited with any text editor.   

• Yes

• No

The following element uses a ________ file path:

<img src="https://www.adventureworks.com/dog.jpg" alt="Beagle puppy"> 

The web browser will look in the same directory as the HTML document when rendering the following element:

<img src="dog.jpg" alt="Beagle puppy">   

• Yes

• No