Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 411 · 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: to check for https first is safe. (a) True (b) False
2. 2.🧩 Which language puts a picture on a page? (a) JavaScript (b) CSS (c) HTML
3. 3.🚀 Which file should this code go in: body { margin: 0; } (a) style.css (b) index.html (c) script.js
4. 4.🌐 Which one is where we type code? (a) a web browser (b) a code editor (c) a web server
5. 5.📝 How many paragraphs does this code make?
   <p>Good morning!</p>
   <p>Fun facts</p>
   <p>My best friend</p>
   <p>Hello, world!</p>
   <h2>Hello, world!</h2>
6. 6.True or false: a code editor is where we type code. (a) True (b) False
7. 7.📊 How many cells are in each row?
   <table>
     <tr><td>Orange</td><td>Litchi</td></tr>
     <tr><td>Mango</td><td>Mango</td></tr>
   </table>
8. 8.📦 How much space top to bottom (px) does this box take in all, margin included?
   .box {
     height: 170px;
     padding: 15px;
     border: 3px solid black;
     margin: 15px;
   }
9. 9.🔗 Which words do you click on?
   <a href="quiz.html">Maths fun</a> (a) quiz.html (b) Art corner (c) Maths fun (d) href
10. 10.⚖️ What colour is the text of this element?
    <h2 class="box" id="main">Hi</h2>
    CSS:
    #main { color: green; }
    .box { color: yellow; } (a) yellow (b) orange (c) green (d) blue
11. 11.🔠 Which tag is the least important heading? (a) <h1> (b) <p> (c) <h6> (d) <h3>
12. 12.Which of these is true of a web browser? (a) sends pages over the net (b) opens web pages for us (c) stores a website’s files (d) saves our .html files
13. 13.📋 Which list tag shows bullet points? (a) <li> (b) <ol> (c) <ul>
14. 14.🔠 How many <h1> headings should a page usually have? (a) 1 (b) 6 (c) 10 (d) 3
15. 15.📋 Which tag goes around each item of a list? (a) <li> (b) <ol> (c) <p> (d) <ul>
16. 16.🔠 Which heading shows the BIGGEST text: <h3>, <h5>, <h6> or <h4>? (a) <h4> (b) <h3> (c) <h5> (d) <h6>
17. 17.Which of these does JavaScript do? (a) rounds box corners (b) changes the text size (c) shows a pop-up message (d) makes headings and lists
18. 18.🔍 Which line is missing its closing tag?
    line 1: <em>Cricket is fun.
    line 2: <small>Fun facts</small>
    line 3: <strong>Good morning!</strong> (a) line 2 (b) line 1 (c) line 3
19. 19.🧭 Which semantic tag is the page’s key part? (a) <aside> (b) <nav> (c) <main> (d) <footer>
20. 20.🔗 Which address opens when you click this link?
    <a href="games.html">Take the quiz</a> (a) Take the quiz (b) about.html (c) contact.html (d) games.html
21. 21.Which of these is a strong password? (a) Blue@Tiger_74 (b) 111111 (c) qwerty (d) password
22. 22.📱 The screen is 700px wide. Does the rule inside @media apply?
    p {
      font-size: 12px;
    }
    @media (max-width: 1024px) {
      p {
        font-size: 10px;
      }
    } (a) No (b) Yes
23. 23.💬 How many paragraphs show on the page?
    <p>Fun facts</p>
    <!-- <p>Rain today</p> -->
    <!-- <p>My best friend</p> -->
    <!-- <p>Good morning!</p> -->
24. 24.🔁 Which loop repeats code a set number of times? (a) if (b) else (c) let (d) for
25. 25.🔡 Are HTML tag names usually written in small letters? (a) Yes (b) No
26. 26.🎯 Which sign starts a class selector? (a) # (b) . (c) @ (d) &
27. 27.🏷️ Which is the closing tag for <p>? (a) <\p> (b) </p> (c) <p/> (d) <p>
28. 28.🌍 Which one scrambles data on its way? (a) the URL (b) the browser (c) the server (d) HTTPS
29. 29.🔠 Which heading shows the SMALLEST text: <h6>, <h2>, <h5> or <h3>? (a) <h2> (b) <h3> (c) <h6> (d) <h5>
30. 30.⚡ Which JavaScript word writes in the console? (a) for (b) alert() (c) let (d) console.log()
31. 31.Which of these has a closing tag? (a) <br> (b) <hr> (c) <meta> (d) <h1>
32. 32.True or false: in <img>, src sets how tall it is. (a) False (b) True
33. 33.🔠 Are headings shown in bold by default? (a) Yes (b) No
34. 34.True or false: <b> is an empty tag. (a) True (b) False
35. 35.💬 Which text will NOT show on the page?
    <!-- <p>Cricket is fun.</p> -->
    <p>My best friend</p>
    <p>My pets</p>
    <p>Rain today</p> (a) My pets (b) My best friend (c) Rain today (d) Cricket is fun.
36. 36.True or false: <input type="email"> is for an email address. (a) False (b) True
37. 37.📝 Which input type lets you tick many? (a) email (b) number (c) checkbox (d) radio
38. 38.⚡ What number does this code print?
    let a = 10;
    let b = 12;
    console.log(a * b);
39. 39.🖼️ Does <img> need a closing tag? (a) No (b) Yes
40. 40.True or false: a web server has an address bar. (a) True (b) False

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