Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 731 · 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.♿ Does this help everyone, or make the page harder to use: use headings in order? (a) helps everyone (b) makes it harder
2. 2.🌈 Which colour of light is strongest in rgb(2, 104, 205)? (a) green (b) red (c) blue
3. 3.Which of these is a closing tag? (a) <p> (b) </b> (c) <h1> (d) <title>
4. 4.💪 How wide (px) is each gap between two boxes?
   .row {
     display: flex;
     width: 230px;
     justify-content: space-between;
   }
   Inside are 2 boxes, each 100px wide (no margins).
5. 5.⚡ Which JavaScript word runs code when true? (a) alert() (b) console.log() (c) if (d) for
6. 6.📄 What does the browser tab show for this page?
   <!DOCTYPE html>
   <html>
   <head>
     <title>Art Gallery</title>
   </head>
   <body>
     <h1>Planets</h1>
     <p>Thanks for visiting.</p>
   </body>
   </html> (a) Thanks for visiting. (b) index.html (c) Art Gallery (d) Planets
7. 7.🔁 What does i++ do? (a) prints i (b) takes 1 from i (c) doubles i (d) adds 1 to i
8. 8.True or false: <th> holds the whole table. (a) False (b) True
9. 9.⚖️ What colour is the text of this element?
   <h1 class="big" id="intro">Hi</h1>
   CSS:
   .big { color: blue; }
   #intro { color: red; }
   h1 { color: white; } (a) blue (b) red (c) white (d) purple
10. 10.True or false: <title> has a closing tag. (a) False (b) True
11. 11.📝 How many paragraphs does this code make?
    <p>My pets</p>
    <p>Cricket is fun.</p>
    <h2>My pets</h2>
    <p>The red kite</p>
12. 12.True or false: <aside> sits at the bottom. (a) False (b) True
13. 13.✍️ How does a CSS comment start? (a) <!-- (b) // (c) /* (d) #
14. 14.🧭 Which semantic tag helps you move around? (a) <nav> (b) <footer> (c) <main> (d) <header>
15. 15.🌍 What is the path in this URL?
    http://www.example.net/news/today.html (a) /games/chess.html (b) /news/today.html (c) http (d) www.example.net
16. 16.Which of these is an opening tag? (a) </h1> (b) <body> (c) </body> (d) </p>
17. 17.🏷️ HTML marks up text using ___. (a) pixels (b) keys (c) wires (d) tags
18. 18.🌍 What is the domain name in this URL?
    https://www.example.net/news/today.html (a) www.example.net (b) learn.example.com (c) /news/today.html (d) https
19. 19.Which colour pair is easy to read? (a) white on black (b) light grey on white (c) red on green (d) yellow on white
20. 20.🌈 Which colour is #ff00ff? (a) magenta (b) red (c) white (d) cyan
21. 21.🌐 Which one stores a website’s files? (a) a code editor (b) a web server (c) a web browser
22. 22.🔁 What is the LAST number this code prints?
    for (let i = 0; i < 9; i = i + 2) {
      console.log(i);
    }
23. 23.🌐 Which one hosts websites online? (a) a web browser (b) a code editor (c) a web server
24. 24.⚡ What number does this code print?
    let a = 30;
    let b = 13;
    console.log(a + b);
25. 25.🔗 Which words do you click on?
    <a href="news.html">Play games</a> (a) news.html (b) About us (c) href (d) Play games
26. 26.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="cake.jpg" alt="Birthday cake" width="100"> (a) cake.jpg (b) A happy dog (c) Birthday cake (d) width
27. 27.🔤 In “HTML”, what does the M stand for? (a) Mouse (b) Markup (c) Modern (d) Machine
28. 28.♿ Who uses a screen reader? (a) only teachers (b) only robots (c) people who are blind (d) only coders
29. 29.True or false: to use a nickname in games is not safe. (a) True (b) False
30. 30.🖌️ What colour is behind the letters?
    h1 {
      background-color: red;
      font-size: 40px;
      color: green;
      text-align: right;
    } (a) green (b) blue (c) red
31. 31.🧭 Why use <nav> instead of <div> for a menu? (a) it makes text red (b) it tells its meaning (c) it adds pictures (d) it loads faster
32. 32.🔗 Which words do you click on?
    <a href="about.html">Contact us</a> (a) href (b) Contact us (c) about.html (d) Visit the site
33. 33.🌈 Which colour is rgb(255, 255, 0)? (a) white (b) yellow (c) red (d) bright green
34. 34.True or false: the border is the line round the box. (a) False (b) True
35. 35.🔍 Which is the odd one out? (a) shows line numbers (b) is where we type code (c) colours code to help us (d) sends pages over the net
36. 36.🔗 Which address opens when you click this link?
    <a href="games.html">Take the quiz</a> (a) games.html (b) contact.html (c) about.html (d) Take the quiz
37. 37.🧭 Who is helped most by semantic tags? (a) screen-reader users (b) only the printer (c) only the server (d) nobody
38. 38.✍️ CSS declarations go inside which brackets? (a) [ ] (b) < > (c) ( ) (d) { }
39. 39.📱 The screen is 700px wide. Does the rule inside @media apply?
    p {
      font-size: 12px;
    }
    @media (max-width: 600px) {
      p {
        font-size: 10px;
      }
    } (a) Yes (b) No
40. 40.True or false: body is a class selector. (a) False (b) True

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