Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 937 · 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 semantic tag is the page’s key part? (a) <aside> (b) <article> (c) <main> (d) <nav>
2. 2.📝 Which tag makes a big box for many lines of text? (a) <textarea> (b) <p> (c) <br> (d) <input>
3. 3.✍️ Which sign ends each CSS declaration? (a) , (b) ; (c) . (d) :
4. 4.🔁 Which word runs code only when something is true? (a) let (b) for (c) log (d) if
5. 5.📝 Which tag holds a whole form? (a) <table> (b) <ol> (c) <input> (d) <form>
6. 6.💬 How many paragraphs show on the page?
   <p>Fun facts</p>
   <p>My best friend</p>
   <!-- <p>Cricket is fun.</p> -->
7. 7.⚖️ Two rules with the same selector set a colour. Which one wins? (a) neither (b) the shorter one (c) the later one (d) the first one
8. 8.🛡️ Online: is it safe to use a nickname in games? (a) safe (b) not safe
9. 9.🔗 Where does this link open?
   <a href="maths.html" target="_blank">Take the quiz</a> (a) in a new tab (b) in the same tab
10. 10.🔁 How many times does this code print “Well done”?
    for (let i = 3; i < 5; i++) {
      console.log("Well done");
    }
11. 11.⚡ A JavaScript file usually ends with which extension? (a) .jpg (b) .html (c) .js (d) .css
12. 12.Which of these is an opening tag? (a) </h1> (b) </b> (c) </title> (d) <body>
13. 13.📄 What is the big heading shown on this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Cricket Club</title>
    </head>
    <body>
      <h1>My drawings</h1>
      <p>I like to read.</p>
    </body>
    </html> (a) Cricket Club (b) I like to read. (c) body (d) My drawings
14. 14.True or false: in <img>, width sets how tall it is. (a) False (b) True
15. 15.🌐 Which one sends pages over the net? (a) a web browser (b) a code editor (c) a web server
16. 16.🔍 Which is the odd one out? (a) gives the page structure (b) puts a picture on a page (c) makes a link (d) shows a pop-up message
17. 17.♿ A part of the page is under a <h3> heading. Which tag should its sub-heading use? (a) <h3> (b) <h4> (c) <h2> (d) <h1>
18. 18.🛡️ Online: is it safe to check for https first? (a) safe (b) not safe
19. 19.♿ Does this help everyone, or make the page harder to use: tiny grey text? (a) makes it harder (b) helps everyone
20. 20.📝 Which input type picks a day? (a) checkbox (b) radio (c) date (d) number
21. 21.Which of these has a closing tag? (a) <h1> (b) <meta> (c) <hr> (d) <img>
22. 22.✍️ How many declarations (property: value pairs) are in this rule?
    h2 {
      color: red;
    }
23. 23.🛡️ Online: is it safe to log out on shared PCs? (a) safe (b) not safe
24. 24.🔁 What number does this code print?
    let total = 0;
    for (let i = 1; i <= 6; i++) {
      total = total + 7;
    }
    console.log(total);
25. 25.🖌️ How big is the text, in px?
    h2 {
      text-align: right;
      font-size: 32px;
      background-color: blue;
      color: yellow;
    }
26. 26.🔠 Which heading shows the BIGGEST text: <h4>, <h5>, <h6> or <h3>? (a) <h4> (b) <h6> (c) <h5> (d) <h3>
27. 27.📊 How many heading cells (<th>) does this table have?
    <table>
      <tr><th>Name</th><th>Fruit</th></tr>
      <tr><td>Jamun</td><td>Mango</td></tr>
    </table>
28. 28.Which colour pair is easy to read? (a) light grey on white (b) white on dark blue (c) yellow on white (d) blue on purple
29. 29.📝 What does <p> make? (a) a link (b) a paragraph (c) a picture (d) a table
30. 30.🖌️ Which CSS property colours behind the text? (a) text-align (b) font-family (c) background-color (d) font-weight
31. 31.True or false: a code editor colours code to help us. (a) False (b) True
32. 32.🔠 How many headings are in this code?
    <h1>Our school trip</h1>
    <h3>Fun facts</h3>
    <p>Cricket is fun.</p>
    <h3>Hello, world!</h3>
33. 33.🔍 Which line is missing its closing tag?
    line 1: <u>I love mangoes.
    line 2: <i>Good morning!</i>
    line 3: <strong>The red kite</strong> (a) line 3 (b) line 2 (c) line 1
34. 34.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="bus.jpg" alt="Our school bus" width="200"> (a) width (b) Our school bus (c) An old fort (d) bus.jpg
35. 35.True or false: <th> makes a heading cell. (a) True (b) False
36. 36.🔗 Where does this link open?
    <a href="https://example.com" target="_blank">About us</a> (a) in a new tab (b) in the same tab
37. 37.⚖️ What colour is the text of this element?
    <p class="star" id="main">Hi</p>
    CSS:
    p { color: white; }
    p { color: red; } (a) orange (b) red (c) white (d) blue
38. 38.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="tiger.jpg" alt="A tiger asleep" width="350"> (a) tiger.jpg (b) A red kite (c) width (d) A tiger asleep
39. 39.⚡ What does this code show?
    let name = "Zoya";
    console.log("Hi, " + name + "!"); (a) name (b) Hi, Zoya! (c) Zoya (d) Hi, name!
40. 40.🔍 Which is the odd one out? (a) adds space around boxes (b) lays out the page (c) changes the page live (d) sets colours and fonts

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