Web Development Worksheet: Final Test
Code tip (Read it like a browser): Find the topic: HTML, CSS, JavaScript or how the web works. Read the code line by line, the way a browser would. For sums and loops, write each step down and check it again.
NameDateTime takenScore ___ / 40
- 1.🔗 What does target="_blank" do to a link? (a) opens it in a new tab (b) hides the link (c) makes it blank (d) makes it bold
- 2.Which of these is true of a code editor? (a) turns HTML into a page (b) saves our .html files (c) answers page requests (d) has an address bar
- 3.⚖️ Which selector is the strongest? (a) a class selector (b) an element selector (c) an id selector
- 4.Which of these has a closing tag? (a) <br> (b) <hr> (c) <ul> (d) <img>
- 5.📋 Which list suits a shopping list in any order? (a) <ol> (b) <br> (c) <hr> (d) <ul>
- 6.📋 Which list tag goes inside ul or ol? (a) <li> (b) <ul> (c) <ol>
- 7.True or false: to use a strong password is safe. (a) False (b) True
-
8.⚡ What number does this code print?
let coins = 7;
coins = coins + 14;
coins = coins - 7;
console.log(coins); - 9.🖼️ Which tag puts a picture on a page? (a) <img> (b) <pic> (c) <p> (d) <a>
- 10.📋 Which tag goes around each item of a list? (a) <li> (b) <ul> (c) <p> (d) <ol>
-
11.✍️ How many declarations (property: value pairs) are in this rule?
.note {
color: red;
padding: 8px;
font-weight: bold;
} - 12.🌍 Which one shows the page to you? (a) the URL (b) HTTPS (c) the server (d) the browser
- 13.✍️ In color: blue; which part is the property? (a) ; (b) blue (c) : (d) color
- 14.🌈 Which colour is rgb(0, 0, 0)? (a) magenta (b) bright green (c) black (d) red
-
15.💬 Which text will NOT show on the page?
<!-- <p>My best friend</p> -->
<p>Rain today</p>
<p>My pets</p> (a) My pets (b) My best friend (c) Rain today - 16.What is <input type="number"> for? (a) lets you tick many (b) hides what you type (c) takes only numbers (d) lets you pick only one
- 17.🔠 Which tag is the least important heading? (a) <p> (b) <h6> (c) <h3> (d) <h1>
- 18.🚀 Which file should this code go in: score = score + 1; (a) index.html (b) script.js (c) style.css
- 19.⚡ Which JavaScript word writes in the console? (a) console.log() (b) for (c) alert() (d) let
- 20.⚡ Which JavaScript word repeats code? (a) for (b) let (c) alert() (d) if
- 21.Which of these is true of <aside>? (a) sits at the bottom (b) holds the menu of links (c) holds extra side notes (d) holds the logo and title
- 22.True or false: in <img>, alt is read by screen readers. (a) False (b) True
- 23.🔢 When you open a web page, what comes right after “the server sends files”? (a) DNS finds the server (b) you type the URL (c) the browser asks it (d) the browser shows it
- 24.✍️ Which sign goes between a property and its value? (a) : (b) ; (c) = (d) -
-
25.⚡ What does this code show?
let name = "Arjun";
alert("Well done, " + name + "!"); (a) Well done, name! (b) name (c) Arjun (d) Well done, Arjun! - 26.🌈 Which colour is rgb(0, 255, 0)? (a) bright green (b) yellow (c) red (d) white
-
27.🔗 Which address opens when you click this link?
<a href="news.html">Visit the site</a> (a) quiz.html (b) Visit the site (c) news.html (d) games.html - 28.🔗 Which tag makes a clickable link? (a) <link> (b) <p> (c) <a> (d) <img>
- 29.🌍 What does a web address (URL) tell the browser? (a) your password (b) how old you are (c) where the page is (d) the page colour
-
30.🔗 Where does this link open?
<a href="games.html">Take the quiz</a> (a) in a new tab (b) in the same tab - 31.Which of these is a weak password? (a) password (b) S0lar!Pen#8 (c) Chai$Cup_19x (d) Blue@Tiger_74
- 32.📱 What does a media query check? (a) the page title (b) the time of day (c) the screen width (d) the battery level
-
33.📄 What is the big heading shown on this page?
<!DOCTYPE html>
<html>
<head>
<title>Cricket Club</title>
</head>
<body>
<h1>Welcome!</h1>
<p>I like to read.</p>
</body>
</html> (a) Welcome! (b) body (c) Cricket Club (d) I like to read. - 34.📊 In a table, which tag is a row? (a) <tb> (b) <tr> (c) <th> (d) <td>
-
35.📋 How many items does this list show?
<ol>
<li>Litchi</li>
<li>Grapes</li>
<li>Mango</li>
</ol> -
36.🔠 How many headings are in this code?
<h1>Hello, world!</h1>
<p>Hello, world!</p>
<p>I love mangoes.</p> -
37.🔗 Where does this link open?
<a href="art.html" target="_blank">Art corner</a> (a) in the same tab (b) in a new tab -
38.⚡ What number does this code print?
let score = 30;
score = score + 18;
score = score - 45;
console.log(score); - 39.🚀 Which file should this code go in: <img src="cat.png"> (a) script.js (b) style.css (c) index.html
- 40.🌈 In #e00000 the red part is the hex number e0. What is it as a normal number?
Answer key
- opens it in a new tab
- saves our .html files
- an id selector
- <ul>
- <ul>
- <li>
- True
- 14
- <img>
- <li>
- 3
- the browser
- color
- black
- My best friend
- takes only numbers
- <h6>
- script.js
- console.log()
- for
- holds extra side notes
- True
- the browser shows it
- :
- Well done, Arjun!
- bright green
- news.html
- <a>
- where the page is
- in the same tab
- password
- the screen width
- Welcome!
- <tr>
- 3
- 1
- in a new tab
- 3
- index.html
- 224
Free html and css lessons, practice and worksheets at talentjr.in/html-css-for-kids