wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

WebDev (HTML - CSS - JS - React) Test 1

Total questions: 10

Worksheet time: 5mins

Name
Class
Date
1.

The three core technologies that run the web are:

a)

HTML
CSS
JS

b)

HTML
CSS
React

c)

HTML
WWW
CSS

d)

DOCTYPE
HTML
BODY

2.

Structure of a Web Page (HTML) consists of:

a)

html
head
body
JavaScript

b)

DOCTYPE
html
head
body

c)

html
h1
p
img

d)

body
h1
p
img

3.

What goes into the <head> tag?

a)

Metadata

b)

Content

4.

What goes into the <body> tag?

a)

Content

b)

Metadata

5.

<!DOCTYPE html> signals to the web browser that we are working with

a)

HTML

b)

HTML5

c)

HTML4

d)

HTML3

6.

For example, an <h1> element consists of opening and closing tags. Everything placed between these tags is considered part of the element. Select the properly made tag.

a)

</h1>Heading<h1>

b)

<h1/>Heading<h1>

c)

<h1>Heading</h1>

d)

<h1>Heading<h1/>

7.

What are the two main attributes of the <img> tag?

a)

href & alt

b)

src & alt

c)

href & target

d)

src & width

8.

What are the two main attributes of the <a> tag?

a)

href & alt

b)

src & alt

c)

href & target

d)

src & width

9.

What are the two types of paths in src referencing?

a)

Relative Path & Absolute Path

b)

Absolute Path & Root Path

c)

Root Path & Relative Path

10.

Given the project structure shown in the image, how would you correctly reference the file nick.jpg located in the images folder within an <img> tag inside index.html?

a)

<img src="./nick.jpg" alt="Profile photo of Nick from the movie Nick Life">

b)

<img src="./images/nick.jpg" alt="Profile photo of Nick from the movie Nick Life">

c)

<img src="/nick.jpg" alt="Profile photo of Nick from the movie Nick Life">

d)

<img src="../images/nick.jpg" alt="Profile photo of Nick from the movie Nick Life">