wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

HTML, CSS, JavaScript, and React Quiz

Total questions: 61

Worksheet time: 30mins

Name
Class
Date
1.

Which attribute is used to provide a unique identifier to an HTML element?

a)

class

b)

id

c)

name

d)

tag

2.
a)

Anchor

b)

Alignment

c)

Article

d)

Attribute

3.
a)

color

b)

bgcolor

c)

background-color

d)

background

4.
a)

font-bold: true;

b)

font-weight: bold;

c)

text-style: bold;

d)

text-weight: bold;

5.
a)

spacing

b)

line-height

c)

text-indent

d)

margin-top

6.
a)

z-index

b)

position

c)

order

d)

stack

7.
a)

var x;

b)

dim x;

c)

declare x;

d)

int x;

8.
a)

null

b)

object

c)

undefined

d)

string

9.
a)

parseString()

b)

parseInt()

c)

toInteger()

d)

int()

10.
a)

// This is a comment

b)

/* This is a comment */

c)
d)

# This is a comment

11.
a)

Not-a-Number

b)

No-a-Number

c)

Null-a-Number

d)

None-a-Number

12.
a)

A syntax extension for JavaScript

b)

A library for building APIs

c)

A CSS framework

d)

A database query language

13.
a)

React.createComponent()

b)

React.createClass()

c)

React.Component

d)

React.makeComponent()

14.
a)

componentDidMount

b)

componentDidUpdate

c)

componentWillUpdate

d)

shouldComponentUpdate

15.
a)

useState

b)

useEffect

c)

useReducer

d)

useContext

16.
a)

With hooks

b)

Using state

c)

Through props

d)

Via context

17.
a)

It is a client-side framework

b)

It is a backend runtime environment

c)

It is used for designing UIs

d)

It is a package manager

18.
a)

http

b)

file

c)

fs

d)

os

19.
a)

npm start

b)

npm install

c)

npm init

d)

node create

20.
a)

Imports modules

b)

Exports modules

c)

Starts a server

d)

Runs the application

21.
a)

index.html

b)

index.js

c)

main.js

d)

app.js

22.
a)

A CSS framework

b)

A JavaScript library

c)

A database

d)

An image editor

23.
a)

nav-bar

b)

navbar

c)

navbar-responsive

d)

navbar-expand-lg

24.
a)

img-border

b)

img-rounded

c)

rounded

d)

border-img

25.
a)

btn-main

b)

btn-primary

c)

btn-default

d)

btn-main-primary

26.
a)

To define meta-information about the web page

b)

To create hyperlinks

c)

To insert multimedia files

d)

To define a navigation bar

27.
a)

src

b)

href

c)

url

d)

link

28.
a)

font-style

b)

font-family

c)

font-weight

d)

text-font

29.
a)

Positions the element relative to the viewport

b)

Positions the element relative to its nearest positioned ancestor

c)

Positions the element relative to its parent

d)

Positions the element at a fixed point on the page

30.
a)

:hover

b)

:focus

c)

:active

d)

:visited

31.
a)

.main { ... }

b)

#main { ... }

c)

main { ... }

d)

*main { ... }

32.
a)

margin

b)

padding

c)

border-spacing

d)

space

33.
a)

Modifies the original array

b)

Creates a new array by applying a function to each element

c)

Sorts the array

d)

Combines two arrays

34.
a)

function myFunction() { ... }

b)

def myFunction() { ... }

c)

function: myFunction() { ... }

d)

myFunction() => { ... }

35.
a)

102

b)

NaN

c)

8

d)

TypeError

36.
a)

Number

b)

Boolean

c)

Float

d)

Object

37.
a)

arr(2)

b)

arr[2]

c)

arr[3]

d)

arr.get(2)

38.
a)

this.setState()

b)

this.updateState()

c)

this.changeState()

d)

this.modifyState()

39.
a)

To fetch data only

b)

To perform side effects in a functional component

c)

To manage state in a component

d)

To define event handlers

40.
a)

{items.map(item => {item.name})}

b)

{items.map(item => {item.name})}

c)

{items.foreach(item => {item.name})}

d)

{items.forEach(item => {item.name})}

41.
a)

A lightweight copy of the real DOM

b)

A replacement for the real DOM

c)

A type of browser cache

d)

A debugging tool

42.
a)

useContext

b)

Redux

c)

Both a and b

d)

None of the above

43.
a)
Curly brackets {}
b)
brackets ()
c)
square brackets []
d)
angular brackets <>
44.
a)
true
b)
false
45.
a)
<H1>
b)
<H6>
c)
<H5>
d)
<H4>
46.
a)
<!DOCTYPE html>
b)
<html>
c)
<head>
d)
<link>
47.
a)
href
b)
src
c)
ref
d)
rel
48.
a)
<OL>
b)
<UL>
c)
<DT>
d)
<DD>
49.
a)
<p style = "font-color:green; font-size:24px;" >Hello, World!</p>
b)
<p style = "color:green; font-size:24px;" >Hello, World!</p>
c)
<p style = "font color:green, size:24px;" >Hello, World!</p>
d)
<p style = "color:green; size:24px;" >Hello, World!</p>
50.
a)
.style
b)
.ss
c)
.css
d)
.cst
51.
a)

body {

background-colour: lightblue;

}

b)

body {

background-color: lightblue;

}

c)

body {

background:color: lightblue;

}

d)

None of the above

52.
a)
By using //
b)
By using /* */
c)
By using //* *//
d)
None of the above
53.
a)
border
b)
border:style
c)
border-style
d)
None of the above
54.
a)

Error

b)

Displays Hello World! Along with clickhere button

c)

Displays Hello World! after clicking on clickhere button

d)

Displays nothing

55.
a)

No output

b)

44022

c)

10

July

2020

d)

10

2020

56.
a)

6

b)

No output

c)

Error while declaring the function

d)

None of the above

57.
a)

.html

b)

.css

c)

.js

d)

.java

58.
a)

Laravel

b)

Django

c)

React

d)

Flask

59.
a)

border-style

b)

border-width

c)

border-color

d)

width

60.
a)

font-size: 24

b)

size: 24;

c)

font-size: 24;

d)

font size: 24;

61.
a)

<head></head>

b)

<div></div>

c)

<img></img>

d)

<head>

Similar Resources on Wayground

Outlook Review

58 questions

Outlook Review

quiz

Worksheet

•

Professional Development

ND-CLF-C02(P2)

65 questions

ND-CLF-C02(P2)

quiz

Worksheet

•

Professional Development

Cuestionario sobre Robots de Búsqueda

60 questions

Cuestionario sobre Robots de Búsqueda

quiz

Worksheet

•

Professional Development