Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 529 · 40 questions

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.

1. 1.True or false: a code editor opens web pages for us. (a) False (b) True
2. 2.🔢 In a basic web page file, which comes first: “<html>” or “<body>”? (a) <body> (b) <html>
3. 3.📱 The screen is 320px wide. What font-size (px) does the paragraph get?
   p {
     font-size: 20px;
   }
   @media (max-width: 600px) {
     p {
       font-size: 16px;
     }
   }
4. 4.🚀 Which file should this code go in: <p>Hello!</p> (a) index.html (b) style.css (c) script.js
5. 5.💪 How much empty space (px) is left after the last box?
   .row {
     display: flex;
     width: 280px;
     justify-content: flex-start;
   }
   Inside are 2 boxes, each 100px wide (no margins).
6. 6.🌈 In #0000fd the blue part is the hex number fd. What is it as a normal number?
7. 7.📝 How many paragraphs does this code make?
   <p>Cricket is fun.</p>
   <p>Hello, world!</p>
   <p>Rain today</p>
   <h2>Fun facts</h2>
   <p>Hello, world!</p>
8. 8.🛡️ Online: is it safe to put secrets in comments? (a) safe (b) not safe
9. 9.🔠 How many heading levels does HTML have? (a) 10 (b) 4 (c) 6 (d) 3
10. 10.🔁 How many numbers does this code print?
    for (let i = 0; i < 19; i = i + 4) {
      console.log(i);
    }
11. 11.🔗 What does target="_blank" do to a link? (a) makes it bold (b) opens it in a new tab (c) hides the link (d) makes it blank
12. 12.🌈 Which colour of light is strongest in rgb(117, 151, 62)? (a) blue (b) red (c) green
13. 13.🔢 When you open a web page, what comes right after “you type the URL”? (a) the browser shows it (b) the browser asks it (c) the server sends files (d) DNS finds the server
14. 14.🌈 Which colour is #ffffff? (a) yellow (b) white (c) red (d) black
15. 15.📝 Which input type lets you tick many? (a) text (b) checkbox (c) email (d) number
16. 16.📝 On how many lines does the browser show this paragraph?
    <p>Birds sing<br>Sky is blue<br>Kites fly high<br>Roses are red<br>Stars shine</p>
17. 17.Which of these does JavaScript do? (a) adds space around boxes (b) reacts to a button click (c) rounds box corners (d) makes headings and lists
18. 18.What is <input type="checkbox"> for? (a) lets you pick only one (b) lets you tick many (c) sends the form (d) hides what you type
19. 19.🌈 Which colour is #0000ff? (a) black (b) bright green (c) blue (d) red
20. 20.Which colour pair is easy to read? (a) light grey on white (b) white on dark blue (c) pink on red (d) red on green
21. 21.🌐 Which one saves our .html files? (a) a web browser (b) a web server (c) a code editor
22. 22.📋 Does this list show bullets or numbers?
    <ul>
      <li>Banana</li>
      <li>Papaya</li>
    </ul> (a) numbers (b) bullets
23. 23.🌐 Which one is where we type code? (a) a web browser (b) a code editor (c) a web server
24. 24.Which of these is true of <article>? (a) holds the logo and title (b) holds extra side notes (c) holds a news story (d) sits at the very top
25. 25.⚖️ What colour is the text of this element?
    <h2 class="note" id="hero">Hi</h2>
    CSS:
    h2 { color: red; }
    h2 { color: orange; } (a) green (b) red (c) white (d) orange
26. 26.Which of these is a strong password? (a) 111111 (b) Kite_Fl1es@Dawn (c) riya2014 (d) iloveyou
27. 27.🌈 Which hex code is yellow? (a) #000000 (b) #00ff00 (c) #ffff00 (d) #00ffff
28. 28.🖼️ Does <img> need a closing tag? (a) No (b) Yes
29. 29.Which of these is the border? (a) a solid or dotted edge (b) the text or picture (c) the gap round content (d) the gap to other boxes
30. 30.🔗 Which address opens when you click this link?
    <a href="quiz.html">Play games</a> (a) Play games (b) quiz.html (c) about.html (d) games.html
31. 31.🌗 Is light grey on white easy or hard to read? (a) easy to read (b) hard to read
32. 32.📝 How many paragraphs does this code make?
    <p>The red kite</p>
    <h2>My pets</h2>
    <h2>Good morning!</h2>
    <h2>I love mangoes.</h2>
33. 33.🎯 Which sign starts an id selector? (a) @ (b) & (c) # (d) .
34. 34.Which of these is true of a web server? (a) shows pages from the web (b) has an address bar (c) opens web pages for us (d) sends pages over the net
35. 35.📋 Which tag goes around each item of a list? (a) <li> (b) <ul> (c) <ol> (d) <p>
36. 36.True or false: <ol> lists things in any order. (a) False (b) True
37. 37.💪 Which flexbox property spaces boxes along a row? (a) display: flex (b) align-items (c) flex-direction (d) justify-content
38. 38.💬 How many paragraphs show on the page?
    <p>Fun facts</p>
    <p>My best friend</p>
    <!-- <p>Our school trip</p> -->
39. 39.True or false: the browser shows the page to you. (a) True (b) False
40. 40.🌍 Which one scrambles data on its way? (a) the URL (b) HTTPS (c) the server (d) the browser

Free html and css lessons, practice and worksheets at talentjr.in/html-css-for-kids