Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 71 · 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.🌗 Is yellow on white easy or hard to read? (a) hard to read (b) easy to read
2. 2.📦 How much space across (px) does this box take in all, margin included?
   .box {
     width: 270px;
     padding: 20px;
     border: 3px solid black;
     margin: 10px;
   }
3. 3.🔠 Which heading shows the BIGGEST text: <h6>, <h1>, <h3> or <h2>? (a) <h3> (b) <h1> (c) <h2> (d) <h6>
4. 4.📋 Which list shows the steps of a recipe best? (a) <ul> (b) <ol> (c) <br> (d) <hr>
5. 5.🧭 Which semantic tag holds one blog post? (a) <article> (b) <header> (c) <footer> (d) <nav>
6. 6.🔠 How many <h1> headings should a page usually have? (a) 1 (b) 3 (c) 6 (d) 10
7. 7.📝 Which tag makes a big box for many lines of text? (a) <textarea> (b) <p> (c) <br> (d) <input>
8. 8.🎯 Which sign starts an id selector? (a) . (b) @ (c) & (d) #
9. 9.Which of these does HTML do? (a) changes the page live (b) makes a form box (c) reacts to a button click (d) rounds box corners
10. 10.True or false: padding is space outside the border. (a) False (b) True
11. 11.🔁 What number does this code print?
    let total = 0;
    for (let i = 1; i <= 3; i++) {
      total = total + i;
    }
    console.log(total);
12. 12.🔗 What does target="_blank" do to a link? (a) makes it blank (b) opens it in a new tab (c) makes it bold (d) hides the link
13. 13.⚡ Where does console.log() show its output? (a) in the console (b) on the title bar (c) on the printer (d) in the address bar
14. 14.✍️ How many declarations (property: value pairs) are in this rule?
    #top {
      color: red;
      font-style: italic;
      margin: 10px;
    }
15. 15.💪 How much empty space (px) is before the first box?
    .row {
      display: flex;
      width: 220px;
      justify-content: center;
    }
    Inside are 3 boxes, each 40px wide (no margins).
16. 16.📝 On how many lines does the browser show this paragraph?
    <p>Sky is blue<br>Birds sing</p>
17. 17.🌈 Which colour is rgb(255, 0, 255)? (a) black (b) yellow (c) cyan (d) magenta
18. 18.✍️ Which property is set to yellow in this rule?
    p {
      background-color: yellow;
      font-weight: bold;
      font-size: 20px;
      width: 300px;
    } (a) yellow (b) margin (c) padding (d) background-color
19. 19.True or false: <ul><li>Art</li></ul> goes in index.html. (a) True (b) False
20. 20.True or false: <caption> makes one data cell. (a) False (b) True
21. 21.🖼️ How many pixels wide is the picture drawn?
    <img src="fort.jpg" alt="An old fort" width="200">
22. 22.True or false: in <img>, alt is read by screen readers. (a) True (b) False
23. 23.True or false: in <img>, src tells which image to load. (a) True (b) False
24. 24.True or false: “write clear link text” makes the page harder to use. (a) False (b) True
25. 25.📦 How much space top to bottom (px) does this box take in all, margin included?
    .box {
      height: 40px;
      padding: 30px;
      border: 2px solid black;
      margin: 15px;
    }
26. 26.🔢 When you open a web page, what comes right after “you type the URL”? (a) the server sends files (b) the browser asks it (c) DNS finds the server (d) the browser shows it
27. 27.🌈 In #rrggbb, which colour do the last two digits give? (a) red (b) blue (c) white (d) green
28. 28.🌈 Which colour of light is strongest in rgb(99, 14, 239)? (a) blue (b) red (c) green
29. 29.🔒 Is the connection to this address scrambled (encrypted)?
    https://www.example.com/games/chess.html (a) No (b) Yes
30. 30.🌐 Which one stores a website’s files? (a) a code editor (b) a web browser (c) a web server
31. 31.True or false: <p> goes in the body. (a) False (b) True
32. 32.✍️ CSS declarations go inside which brackets? (a) [ ] (b) < > (c) { } (d) ( )
33. 33.⚡ What number does this code print?
    let a = 22;
    let b = 21;
    console.log(a + b);
34. 34.🌍 What does a web address (URL) tell the browser? (a) how old you are (b) your password (c) where the page is (d) the page colour
35. 35.📄 What is the first line of an HTML5 page? (a) <head> (b) <html> (c) <body> (d) <!DOCTYPE html>
36. 36.✍️ Which property is set to 2px solid in this rule?
    p {
      border: 2px solid;
      font-size: 20px;
      background-color: yellow;
    } (a) font-style (b) 2px solid (c) border (d) width
37. 37.🔗 Which address opens when you click this link?
    <a href="quiz.html">Visit the site</a> (a) Visit the site (b) games.html (c) quiz.html (d) about.html
38. 38.🖼️ Which attribute of <img> is read by screen readers? (a) width (b) src (c) alt (d) height
39. 39.📦 In the box model, which part is the gap round content? (a) content (b) padding (c) border (d) margin
40. 40.Which of these is an opening tag? (a) </body> (b) </b> (c) </h1> (d) <b>

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