Sololearn HTML course HTML5 answers

Here are all the questions and answers that I hope will help you learn HTML course.

26.1 Lesson

Introduction to HTML5

Question:

HTML5
Drag and drop from the options below to create a valid HTML5 doctype:

Answer:

<!DOCTYPE HTML>
  <html>
    <head>
      <title>Title</title>
    </head>
    <body>The content of the document</body>
  </html>

Question:

New in HTML5
Which element/feature is not new in HTML5?

Answer:

Image

27.1 Lesson

Content Models

Question:

How many content models does HTML5 offer?

Answer:

7

Question:

Content Models
Where is the metadata located in an HTML5 document?

Answer:

head

Question:

Content Models
Which content model contains almost all of the others?

Answer:

Flow

28.1 Lesson

HTML5 Page Structure

Question:

Page Structure in HTML5
Rearrange the following blocks to create a generalized HTML5 page structure.

Answer:

<header>
<nav>
<article>
<section>
<footer>

29.1 Lesson

Question:

The <header> Element
The header element is appropriate to use...

Answer:

...inside of the body tag

Question:

The <footer> Element
Which tag specifies the footer element?

Answer:

<footer>

Question:

The <nav> Element
Rearrange the sections to create a generic HTML5 page structure:

Answer:

<head>
<header>
<nav>
<footer>

30.1 Lesson

article, section & aside

Question:

The <article> Element
Which element was usually used in HTML4 instead of the article tag?

Answer:

<div>

Question:

The <section> Element
The section element should be used only inside an article element.

Answer:

False

31.1 Lesson

The audio Element

Question:

The <aside> Element
The aside element is used to define:

Answer:

secondary content

32.1 Lesson

The video Element

Question:

Videos in HTML
Fill in the blanks to create a video element:

Answer:

<video controls>
  <source src="video.mp4" type="video/mp4" />
  <source src="video.ogg" type="video/ogg" />
  Video not supported
</video>

Question:

Attributes of <video>
Rearrange the code to create a valid video tag that will attempt to play the mp4 file first.

Answer:

<video controls>
  <source src="a.mp4" type="video/mp4">
  <source src="a.ogg" type="video/ogg">
  Video is not supported
</video>

33.1 Lesson

The progress Element

Question:

Progress Bar
Define a progress bar that shows 63 percent of progress:

Answer:

<progress min="0" max="100" value="63">
</progress>

34.1 Lesson

Web Storage API

Question:

HTML5 Web Storage
Before HTML5, application data was stored in:

Answer:

cookies

Question:

Types of Web Storage Objects
What are the two types of HTML5 web storage?

Answer:

localStorage
sessionStorage

Question:

Working with Values
Drag and drop from the options below to clear all values stored in the localStorage. Then store "a" using the key "b".

Answer:

localStorage.clear();
localStorage.setItem("b", "a");

35.1 Lesson

Geolocation API

Question:

What is the Geolocation API?
With the Geolocation API, you can obtain...

Answer:

...user location

Question:

Using HTML Geolocation
Which choice is the mandatory parameter of the getCurrentPosition() method?

Answer:

showLocation

Question:

Presenting Data
What are the two known ways to present location specific data?

Answer:

Geodetic
Civic

36.1 Lesson

Drag&Drop API

Question:

Making Elements Draggable
How many times can HTML5 events be fired?

Answer:

Multiple

37.1 Lesson

SVG

Question:

Drawing Shapes
What does SVG stand for?

Answer:

scalable vector graphics

Question:

Inserting SVG Images
Fill in the blanks to add "my.svg" to the page:

Answer:

<img src="my.svg" width="300px" alt="" />

Question:

Drawing a Circle
Fill in the blanks to create a red circle at the position X=50, Y=240:

Answer:

<svg width="1000" height="1000">
  <circle cx="50" cy="240" r="10" fill="red" />
  </svg>

Question:

Other Shape Elements
Fill in the blanks to add a line to the page, starting from coordinates 10, 20 and ending at 50, 100:

Answer:

<svg width="500" height="500">
   <line x1="10" y1="20" x2="50" y2="100" />
</svg>

Question:

<ellipse> and <polygon>
Which of the following is an HTML5 SVG shape?

Answer:

polygon

38.1 Lesson

SVG Animations & Paths

Question:

Shape Animations
Which tag is used to create shape animations?

Answer:

<animate>

Question:

Paths
Which shape is indicated by the following path?
<path d="M0 0 L0 100 L100 100 L100 0 Z" />

Answer:

Square

39.1 Lesson

Canvas

Question:

The <canvas> Element
You can draw on the canvas using...

Answer:

JavaScript

Question:

Canvas Coordinates
X and Y are...

Answer:

...coordinates from upper left corner

Question:

Drawing Shapes
fillRect (36,10,22,12) indicates a rectangle with a height of...

Answer:

12

40.1 Lesson

SVG vs. Canvas

Question:

Canvas vs. SVG
Which of the following statements are true?

Answer:

SVG has better accessibility.
In Canvas, drawing is done with pixels.

41.1 Lesson

Canvas Transformations

Question:

Working with Canvas
Which method is used to move the canvas element?

Answer:

translate()

Question:

The rotate() Method
The rotation parameter is in:

Answer:

Radians

Question:

The scale() Method
What method is used to increase or decrease the size of the current drawing?

Answer:

scale

42.1 Lesson

HTML5 Forms, Part 1

Question:

HTML5 Forms
Fill in the blanks:

Answer:

<form>
  <input type="text" name="name" />
</form>

Question:

New Attributes
Drag and drop from the options below to auto focus on the input and create a placeholder:

Answer:

<form>
  <input type="text" name="name" placeholder="Enter your name" autofocus />
</form>

Question:

Forms with Required Fields
Designate the username field as required, and focus on the name field when the page loads:

Answer:

<form autocomplete="off">
  <input name="name" type="text" autofocus />
  <br />
  <input name="username" type="text" required />
</form>

43.1 Lesson

HTML5 Forms, Part 2

Question:

Creating a Search Box
Fill in the blank to create a Search Box:

Answer:

<input type="search" />

Question:

Search Options
Fill in the blanks to associate the input with the datalist:

Answer:

<form>
  <input type="text" name="color"list="colors" />
  <datalist id="colors">
   <option value="Red">
   <option value="Blue">
   <option value="Green">
  </datalist>
</form>

Question:

Creating More Fields
Which of the following is not a supported type for the input tag?

Answer:

planet

44.1 Lesson

Module Quiz

Question:

Which choice is the correct HTML5 element for playing video files?

Answer:

<video>

Question:

The <canvas> element in HTML5 is used to:

Answer:

draw graphics

Question:

Which tag contains the navigation?

Answer:

<nav>

Question:

sessionStorage stores data for the duration of how many session(s)?

Answer:

one

Question:

What shape results from the following code?

<svg width="100" height="100">
  <line x1="50" y1="0" x2="50" y2="100" style="stroke:black" />
  <line x1="0" y1="50" x2="100" y2="50" style="stroke:black" />
</svg>

Answer:

Plus sign

Question:

Fill in the blanks to turn off auto complete and require the password field.

Answer:

<form autocomplete="off">
  <input type="text" name="name" />
  <input type="password" name="pass" required />
</form>

Raz1ner