Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 747 · 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 word makes a new variable? (a) let (b) make (c) put (d) give
2. 2.📄 What does the browser tab show for 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) All about me (b) Here is my best one. (c) index.html (d) Space Facts
3. 3.True or false: a web browser sends pages over the net. (a) False (b) True
4. 4.🌍 Which one scrambles data on its way? (a) the server (b) the browser (c) HTTPS (d) the URL
5. 5.🔁 Which loop repeats code a set number of times? (a) if (b) for (c) let (d) else
6. 6.📝 Does <h1> have a closing tag, or is it an empty tag? (a) an empty tag (b) has a closing tag
7. 7.True or false: <p> goes in the body. (a) True (b) False
8. 8.True or false: <b> is an empty tag. (a) False (b) True
9. 9.📝 How many <input> tags are in this form?
   <form>
     <input type="text">
     <input type="date">
     <input type="email">
     <input type="submit" value="Send">
   </form>
10. 10.🔗 Which words do you click on?
    <a href="maths.html">School news</a> (a) Take the quiz (b) School news (c) href (d) maths.html
11. 11.📱 The screen is 414px wide. Does the rule inside @media apply?
    p {
      font-size: 20px;
    }
    @media (max-width: 768px) {
      p {
        font-size: 14px;
      }
    } (a) Yes (b) No
12. 12.🎯 Which element does the selector #end style? (a) <div class="star"> (b) <li class="end"> (c) <li id="hero"> (d) <li id="end">
13. 13.True or false: padding is space inside the border. (a) False (b) True
14. 14.Which of these is not safe to do online? (a) tell a trusted adult (b) post your home address (c) think before you post (d) use a strong password
15. 15.🌍 What is the protocol in this URL?
    https://school.example.in/games/chess.html (a) https (b) /games/chess.html (c) http (d) school.example.in
16. 16.🔁 How many times does this code print “Hello”?
    for (let i = 1; i < 5; i++) {
      console.log("Hello");
    }
17. 17.💪 Which flexbox property picks row or column? (a) flex-direction (b) justify-content (c) display: flex (d) align-items
18. 18.Which of these goes in the head? (a) <ul> (b) <img> (c) <a> (d) <meta charset="utf-8">
19. 19.🖌️ Where does the text sit on its line?
    h2 {
      font-size: 16px;
      color: green;
      background-color: white;
      text-align: center;
    } (a) on the left (b) on the right (c) in the middle
20. 20.🔗 Which tag makes a clickable link? (a) <link> (b) <a> (c) <p> (d) <img>
21. 21.Which of these is true of <aside>? (a) holds the menu of links (b) sits at the bottom (c) holds one blog post (d) holds a side box of tips
22. 22.🧩 Which language lays out the page? (a) JavaScript (b) HTML (c) CSS
23. 23.📝 What does <br> do? (a) starts a new line (b) makes text bold (c) makes a list (d) adds a picture
24. 24.Which of these is true of a code editor? (a) answers page requests (b) is where we type code (c) opens web pages for us (d) has an address bar
25. 25.True or false: <table> holds the whole table. (a) True (b) False
26. 26.🌈 In #290000 the red part is the hex number 29. What is it as a normal number?
27. 27.🌍 What is the domain name in this URL?
    http://kids.example.org/news/today.html (a) http (b) kids.example.org (c) /news/today.html (d) school.example.in
28. 28.📊 How many rows does this table have?
    <table>
      <tr><th>Name</th><th>Fruit</th><th>Price</th></tr>
      <tr><td>Grapes</td><td>Jamun</td><td>Mango</td></tr>
      <tr><td>Guava</td><td>Papaya</td><td>Litchi</td></tr>
      <tr><td>Papaya</td><td>Banana</td><td>Grapes</td></tr>
    </table>
29. 29.💪 Which flexbox property lines boxes up across? (a) gap (b) display: flex (c) align-items (d) flex-direction
30. 30.True or false: <main> holds the main content. (a) False (b) True
31. 31.True or false: in <img>, alt shows if the image fails. (a) False (b) True
32. 32.⚖️ Which selector is the strongest? (a) a class selector (b) an id selector (c) an element selector
33. 33.🔠 How many heading levels does HTML have? (a) 6 (b) 10 (c) 3 (d) 4
34. 34.🔢 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 shows it (d) the browser asks it
35. 35.📝 At most, how many of these can be chosen at the same time?
    <form>
      <input type="radio" name="colour"> Green
      <input type="radio" name="colour"> Red
      <input type="radio" name="colour"> Pink
      <input type="radio" name="colour"> Orange
    </form>
36. 36.True or false: a web browser shows pages from the web. (a) True (b) False
37. 37.📝 On how many lines does the browser show this paragraph?
    <p>Birds sing<br>Stars shine<br>Kites fly high<br>Roses are red<br>Rivers flow</p>
38. 38.⚡ What number does this code print?
    let a = 31;
    let b = 25;
    console.log(a - b);
39. 39.📄 Where does <a> go: in the head or in the body? (a) in the body (b) in the head
40. 40.🌗 Is blue on purple easy or hard to read? (a) hard to read (b) easy to read

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