Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 26 · 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.🌍 Which one shows the page to you? (a) the server (b) HTTPS (c) the browser (d) the URL
2. 2.📱 What does a media query check? (a) the time of day (b) the battery level (c) the screen width (d) the page title
3. 3.✍️ What value is given to color in this rule?
   h1 {
     font-size: 20px;
     border: 2px solid;
     text-align: center;
     color: red;
   } (a) red (b) 20px (c) color (d) center
4. 4.🔢 In a basic web page file, which comes FIRST? (a) </head> (b) <html> (c) <!DOCTYPE html> (d) <head>
5. 5.📱 min-width: 800px applies when the screen is ___. (a) turned off (b) exactly 100px (c) 800px or narrower (d) 800px or wider
6. 6.Which of these goes in the body? (a) <title> (b) <meta charset="utf-8"> (c) <table> (d) <link rel="stylesheet">
7. 7.🔗 Which address opens when you click this link?
   <a href="news.html">Maths fun</a> (a) quiz.html (b) news.html (c) Maths fun (d) games.html
8. 8.Which of these does CSS do? (a) makes headings and lists (b) reacts to a button click (c) changes the text size (d) puts a picture on a page
9. 9.🌈 In #004500 the green part is the hex number 45. What is it as a normal number?
10. 10.True or false: a web server saves our .html files. (a) False (b) True
11. 11.💬 How does an HTML comment end? (a) */ (b) // (c) >> (d) -->
12. 12.🌈 In #0f0000 the red part is the hex number 0f. What is it as a normal number?
13. 13.⚡ What does JavaScript add to a web page? (a) the page title (b) only colours (c) actions and changes (d) the domain name
14. 14.Which of these does CSS do? (a) sets colours and fonts (b) makes a form box (c) puts a picture on a page (d) reacts to a button click
15. 15.True or false: HTML on its own cannot run a game loop. (a) True (b) False
16. 16.Which of these is not safe to do online? (a) log out on shared PCs (b) think before you post (c) keep passwords secret (d) share your OTP
17. 17.🖌️ Which CSS property colours behind the text? (a) color (b) font-size (c) font-weight (d) background-color
18. 18.📱 The screen is 414px wide. What font-size (px) does the paragraph get?
    p {
      font-size: 12px;
    }
    @media (min-width: 600px) {
      p {
        font-size: 20px;
      }
    }
19. 19.⚖️ What colour is the text of this element?
    <h1 class="big" id="main">Hi</h1>
    CSS:
    h1 { color: green; }
    .big { color: orange; }
    #main { color: red; } (a) orange (b) red (c) green (d) yellow
20. 20.✍️ How many declarations (property: value pairs) are in this rule?
    h1 {
      border: 2px solid;
      text-align: center;
      margin: 10px;
      color: red;
    }
21. 21.📄 What is the big heading shown on this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Space Facts</title>
    </head>
    <body>
      <h1>All about me</h1>
      <p>Here is my best one.</p>
    </body>
    </html> (a) body (b) All about me (c) Here is my best one. (d) Space Facts
22. 22.⚖️ Which selector is the strongest? (a) an element selector (b) a class selector (c) an id selector
23. 23.🏷️ Is </body> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
24. 24.🚀 What is the home page file of a website usually called? (a) start.js (b) home.css (c) index.html (d) main.png
25. 25.🌐 Which one colours code to help us? (a) a web browser (b) a web server (c) a code editor
26. 26.🖌️ What colour are the letters?
    p {
      font-size: 40px;
      text-align: left;
      background-color: black;
      color: purple;
    } (a) black (b) purple (c) white
27. 27.🔐 Is S0lar!Pen#8 a strong or a weak password? (a) strong (b) weak
28. 28.🔒 What does the lock (HTTPS) in the address bar mean? (a) the site is free (b) the data is scrambled (c) the site is a game (d) the site is fast
29. 29.🖌️ How big is the text, in px?
    p {
      text-align: right;
      background-color: green;
      color: white;
      font-size: 16px;
    }
30. 30.📋 Which tag goes around each item of a list? (a) <ul> (b) <li> (c) <p> (d) <ol>
31. 31.Which of these goes in the head? (a) <ul> (b) <table> (c) <style> (d) <a>
32. 32.📝 Does <br> have a closing tag, or is it an empty tag? (a) an empty tag (b) has a closing tag
33. 33.📱 max-width: 600px applies when the screen is ___. (a) 600px or wider (b) exactly 1000px (c) turned off (d) 600px or narrower
34. 34.💬 How many paragraphs show on the page?
    <p>Rain today</p>
    <p>I love mangoes.</p>
    <!-- <p>Good morning!</p> -->
    <!-- <p>Fun facts</p> -->
35. 35.✍️ How does a CSS comment start? (a) // (b) <!-- (c) # (d) /*
36. 36.🔗 Which words do you click on?
    <a href="games.html">About us</a> (a) href (b) About us (c) games.html (d) Contact us
37. 37.Which of these is the border? (a) the gap round content (b) space outside the border (c) the line round the box (d) the text or picture
38. 38.💪 Which justify-content value equal gaps, none at ends? (a) space-between (b) center (c) flex-end (d) flex-start
39. 39.💪 Which flexbox property spaces boxes along a row? (a) flex-direction (b) gap (c) align-items (d) justify-content
40. 40.📝 Which tag makes a drop-down list? (a) <li> (b) <select> (c) <ul> (d) <ol>

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