Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 339 · 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.♿ Who uses a screen reader? (a) only coders (b) only teachers (c) only robots (d) people who are blind
2. 2.📋 Does this list show bullets or numbers?
   <ol>
     <li>Jamun</li>
     <li>Banana</li>
     <li>Grapes</li>
   </ol> (a) numbers (b) bullets
3. 3.🖼️ The picture cannot load. Which text does the browser show instead?
   <img src="bus.jpg" alt="Our school bus" width="350"> (a) width (b) Our school bus (c) bus.jpg (d) An old fort
4. 4.🧭 Which semantic tag holds one blog post? (a) <aside> (b) <header> (c) <main> (d) <article>
5. 5.True or false: <ul> is an unordered list. (a) True (b) False
6. 6.🔁 How many times does this code print “Hello”?
   for (let i = 0; i < 4; i++) {
     console.log("Hello");
   }
7. 7.⚡ What number does this code print?
   let a = 37;
   let b = 1;
   console.log(a - b);
8. 8.💬 How many paragraphs show on the page?
   <p>Cricket is fun.</p>
   <!-- <p>Good morning!</p> -->
   <p>My best friend</p>
9. 9.🖼️ Which attribute of <img> describes the picture? (a) width (b) src (c) alt (d) height
10. 10.🌈 Which colour is #ffffff? (a) yellow (b) bright green (c) cyan (d) white
11. 11.Which of these is safe to do online? (a) post your home address (b) type a password on http (c) log out on shared PCs (d) download from pop-ups
12. 12.📊 Are <th> cells shown bold and centred by default? (a) No (b) Yes
13. 13.True or false: the server stores the site’s files. (a) True (b) False
14. 14.🔍 Which is the odd one out? (a) shows pages from the web (b) turns HTML into a page (c) has an address bar (d) colours code to help us
15. 15.🔢 In a basic web page file, which comes first: “</html>” or “<html>”? (a) </html> (b) <html>
16. 16.🏷️ Which is the closing tag for <strong>? (a) <\strong> (b) </strong> (c) <strong> (d) <strong/>
17. 17.📱 The screen is 1366px wide. Does the rule inside @media apply?
    p {
      font-size: 24px;
    }
    @media (min-width: 600px) {
      p {
        font-size: 28px;
      }
    } (a) Yes (b) No
18. 18.What does color do? (a) makes the text bold (b) makes letters bigger (c) picks the font style (d) sets the letter colour
19. 19.🏷️ Is <h1> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
20. 20.🧭 Who is helped most by semantic tags? (a) nobody (b) only the printer (c) only the server (d) screen-reader users
21. 21.Which of these is true of <footer>? (a) sits at the very top (b) holds one blog post (c) sits at the bottom (d) holds the main content
22. 22.🧩 Which language changes the page live? (a) JavaScript (b) CSS (c) HTML
23. 23.🚀 Which file should this code go in: body { margin: 0; } (a) script.js (b) style.css (c) index.html
24. 24.🔠 How many headings are in this code?
    <h1>Hello, world!</h1>
    <p>Rain today</p>
    <h3>Good morning!</h3>
    <h3>Our school trip</h3>
25. 25.📋 Which list tag shows bullet points? (a) <ol> (b) <ul> (c) <li>
26. 26.Which of these is safe to do online? (a) share your password (b) type a password on http (c) check for https first (d) post your home address
27. 27.🚀 Which file should this code go in: <ul><li>Art</li></ul> (a) script.js (b) index.html (c) style.css
28. 28.What does justify-content: space-between do? (a) packs boxes at the start (b) equal gaps, none at ends (c) packs boxes at the end (d) puts boxes in the middle
29. 29.📋 Does this list show bullets or numbers?
    <ol>
      <li>Litchi</li>
      <li>Banana</li>
    </ol> (a) numbers (b) bullets
30. 30.📄 What does the browser tab show for this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Class 7 Blog</title>
    </head>
    <body>
      <h1>Easy snacks</h1>
      <p>Try this poha.</p>
    </body>
    </html> (a) Easy snacks (b) Class 7 Blog (c) index.html (d) Try this poha.
31. 31.🔗 What does target="_blank" do to a link? (a) makes it bold (b) hides the link (c) opens it in a new tab (d) makes it blank
32. 32.🔗 Which words do you click on?
    <a href="about.html">About us</a> (a) href (b) about.html (c) About us (d) Contact us
33. 33.♿ A part of the page is under a <h2> heading. Which tag should its sub-heading use? (a) <h1> (b) <h3> (c) <h5> (d) <h6>
34. 34.🔁 How many times does this code print “Well done”?
    for (let i = 0; i <= 7; i++) {
      console.log("Well done");
    }
35. 35.🔗 Which tag makes a clickable link? (a) <p> (b) <link> (c) <img> (d) <a>
36. 36.♿ A part of the page is under a <h1> heading. Which tag should its sub-heading use? (a) <h5> (b) <h4> (c) <h1> (d) <h2>
37. 37.✍️ What value is given to text-align in this rule?
    .note {
      width: 300px;
      text-align: center;
    } (a) 10px (b) yellow (c) center (d) text-align
38. 38.⚡ What does this code show?
    let name = "Kabir";
    alert("Hi, " + name + "!"); (a) Kabir (b) Hi, name! (c) name (d) Hi, Kabir!
39. 39.🖼️ Which attribute of <img> sets how tall it is? (a) src (b) height (c) width (d) alt
40. 40.True or false: console.log(5 + 2); goes in index.html. (a) True (b) False

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