Study with INF-306 Actual Test Questions

IT Specialist INF-306 Exam Overview:

IT Specialist INF-306 Exam Syllabus Topics:

IT Specialist HTML5 Application Development Sample Questions:

Question 1

You need to define a grid that meets the following requirements:
* Explicitly sets the width of 6 equal columns of 1 fraction
* Explicitly sets 5 varied sized rows
* Defines 15px of space between each grid column
* Defines 10px between each grid row
Complete the code by selecting the correct option from each drop-down list.

Question 2

The following form is missing validation attributes:
< form >
< div class= " container " >
< h1 > Register Here < /h1 >
< p > Please fill in the details to create an account with us. < /p >
< hr >
< label for= " ? " > < b > Enter Email < /b > < /label >
< input type= " ? " placeholder= " Enter Email " name= " ? " placeholder= " [email protected] " >
< label for= " ? " > < b > Password < /b > < /label >
< input type= " ? " placeholder= " Enter Password " name= " ? " >
< label for= " ? " > < b > Confirm Password < /b > < /label >
< input type= " ? " placeholder= " Confirm Password " name= " ? " >
< label for= " phone " > < b > Phone < /b > < /label >
< input type= " tel " id= " phone " name= " phone " placeholder= " 123-45-678 " >
< hr >
< p > By creating an account you agree to our < a href= " # " > Terms & Privacy < /a > . < /p >
< button type= " submit " class= " registerbtn " > < strong > Register < /strong > < /button >
< /div >
< /form >
You need to update the form to enforce the following requirements for visitors:
* All fields must be completed with valid information.
* The users should not be allowed to type passwords longer than 8 characters.
* Passwords must use only numbers and letters.
* Phone numbers and email addresses must follow the configuration of the placeholder text.
* The browser must display an error message that makes it clear what type of input change is needed.
Review the markup on the left.
Complete the sentences by selecting the correct option from each drop-down list.
Note: You will receive partial credit for each correct selection.

Question 3

Which three events are valid for the HTML canvas element? Choose 3.

A. play
B. scroll
C. datareceived
D. blur
E. mouseup

Question 4

You need to correctly apply a style rule for screen devices with a width of 480 pixels or less.
Complete the code by selecting the correct option from the drop-down list.

Question 5

Review the grid container requirements and mockup on the left. Which markup should you use to define the grid container?

A. Incorrectly places named area strings under grid-template-columns.
B. .grid-container { display: grid; grid-template-areas: " heading heading heading heading heading heading
" " menu content content content right right " " menu contact contact contact contact contact " ; grid- gap: 10px; background-color: orange; padding: 10px;}
C. Uses grid-template-columns and grid-template-rows with percentage and pixel sizing.
D. Incorrectly places named area strings under grid-template-rows.

Solutions: