wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Web Auth 2

Total questions: 58

Worksheet time: 36mins

Name
Class
Date
1.

what is the missing line for <datalist>

a)

Class="Major"

b)

id="Major"

c)

value="Major"

d)

list="Major"

2.

What is the method to convert a String to Integer

(a)  

3.

what is the value?

a)

60%

b)

60

c)

100

d)

100%

4.

Complete the missing

(a)  

5.

what does <source> tag do in video element

a)

The browser will use the first recognized video format.

b)

to specify the source of the video.

c)

no such tag

d)

external video source

6.

Which tag is used to write a decription for a figure

a)

<figcaption>

b)

<captionfig>

c)

<description>

d)

<p>

7.

Div element can be placed in the header

a)

True

b)

False

8.

How to create a sidebar

a)

<div>

b)

<sidebar>

c)

<aside>

d)

<section>

9.

<header>, <footer>, <hr>, <aside> is an example of

a)

No corrent answer

b)

inline elements

c)

HTML 5 Structure elements

d)

block elements

10.

what is the tag to set a visible title, which, when clicked, will open/close additional information.

(a)  

11.

CSS stands for

(a)  

12.

h1 {color:blue;} h1 is a

(a)  

13.

h1 {color:blue;} color is a

(a)  

14.

h1 {color:blue;} blue is the

(a)  

15.

Wrtie the missing: •<link href="stylesheet.css">

(a)  

16.

How to change the font to italic

a)

font-weight:italic

b)

font-weight:italic;

c)

font-style:italic

d)

no correct answer

17.

How to define the color in CSS using HEX:

a)

#00000;

b)

black;

c)

rgb(red, green, blue);

d)
hsl(0 0% 100% /0.1);
18.

1 em =

a)

16px

b)

current font size

c)

24px

d)

half of the cuurent font size

19.

These are examples of

a)

Selectors

b)

Pseudo-Classes

c)

CSS tags

d)

CSS property

20.

These are example of

a)

Pseudo-Classes Selectors

b)

Pesudo-Elements Selectors

c)

CSS decleration

d)

CSS value

21.

CSS3 features, select the incorrect one

a)

supports responsive design

b)

3D transformations

c)

can be split into modules

d)

old and standard colors

22.

Type of CSS Gradients

(a)  

23.

Create Glow effect with color white and blur of 20px

(a)  

24.

the second 0 value is to control

a)

horizontal shadow

b)

vertical shadow

25.

rule allows custom fonts to be loaded on a webpage

a)

font-family

b)

@font-face

c)

@font-family

d)

font-face

26.

a property specifies how overflowed content that is not displayed should be signaled to the user.

a)

word-wrap

b)

word-break

c)

text-overflow

d)

writing-mode

27.

text-overflow value that will render the overflowed text as ("...")

(a)  

28.

word-break value thw will break the text at hyphens

a)

break-all

b)

break-word

c)

keep-all

d)

break

29.

Choose 2 of writing mode values

a)

horizontal-tb

b)

horizontal

c)

vertical-rl

d)

vertical

30.

what does (overflow: auto;) do

a)
none is correct
b)
invisible content
c)
add scrollbar
d)
adds scrollbars only when necessary
31.

(background-size: contain;) will tell the browser to make sure the image always covers the entire container, even if it must stretch the image or cut a little bit off one of the edges

a)

True

b)

False

32.

In order to create the most efficient full-page backgrounds, you need to ensure that. (selecet the most correct answer)

a)

background-size: contain

b)

body {height: 100%;}

c)

body,html {height: 100%;}

d)

body,html {width: 100%;}

33.

An example of transform skew

a)

b)

c)

d)

34.

to double the size using: transform: sacle(); the value will be

a)

double

b)

2

c)

200

d)

"200"

35.

used to define number of columns

a)

column-span

b)

column-count

c)

column-rule

d)

column-gap

36.

to reach this result for h2

a)

h2 {column-span: all;}

b)

h2 {column-span: above;}

c)

h2 {column-gap: 50px;}

d)

h2 { column-gap: above;}

37.

What is the curve speed for Ease

a)

specifies a transition effect with the same speed from start to end

b)

specifies a transition effect with a slow start and end

c)

specifies a transition effect with a slow start, then fast, then end slowly

d)

specifies a transition effect with a slow end

38.

To define the animation, we use the code :

(a)  

39.

what is missing to apply the animation

a)

animation-name

b)

animation-name, animation-duration

c)

animation-name,animation-time

d)

animation-time

40.

(Animation-iteration-count: ) specify the value to make the animation loops

(a)  

41.

  <meta name="" content="width=device-width, initial-scale=1.0">
fill the blank


(a)  

42.

vw stands for

a)

font size measurement unit

b)

vertical width

c)

viewport’s width

d)

no correct answer

43.

(screen) is the

a)

Media Type

b)

Rule

c)

Media Feature

d)

selector

44.

applied by default on initializing display: flex;

a)

flex-direction:column;

b)

flex-wrap:no-wrap;

c)

flex-basis:1;

d)

flex-grow:1;

45.

Choose the correct named javascript variable

a)

F name

b)

_2b_89x_0

c)

1stname

d)

9_F-name

46.

Boolean will return

a)

int

b)

String

c)

Number

d)

True or False

47.

to read the user input in jacascript we use

a)

Alert

b)

Prompt

c)

input

d)

Confirm

48.

an example of an array

a)

var colors = ["red","blue"];

b)

var colors = {"red","blue"};

c)

var colors = {"red","blue"}

d)

var colors = ("red","blue");

49.

Array name of (myarray[0])

a)

there's no such array

b)

empty array

c)

0 based

d)

0 index array

50.

indexOf: “some word”.indexOf(“w”)

a)

5

b)

4

c)

9

d)

10

51.

Why do we need to make the website accessible for senior citizens

a)

senior citizens has more advertising power then any other citizens

b)

respect the elders

c)

Strong purchasing power

d)

80% of website customers are senior citizens

52.

According to World Health Organization the population of people with disabilities are

a)

30%

b)

35%

c)

15%

d)

20%

53.

jQuery is a

a)

Javascript extention

b)

Javascript Libary

c)

Javascript function

d)

Javascript variable

54.

line of code that will make sure to start jQuery only if the page is fully loaded

a)

$(document).ready

(function(){};

b)

$(document.ready)

(function(){

});

c)

$(function(){

});

d)

$(function(){};

55.

we want to remove the content from #div1

a)
$("#div1").remove();
b)
$("#div1").empty()
56.

we want to remove #div1

a)
$("#div1").empty()
b)
$("#div1").remove();
57.

we want to add text to #add

a)
$("#add").append("added text")
b)
$("#add").text("added text")
58.

we want to change the text inside #add

a)
$("#add").append("changed text");
b)
$("#add").text("changed text");