Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 312 · 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.🔢 On a typical page, from top to bottom, which comes first: “<nav>” or “<header>”? (a) <nav> (b) <header>
2. 2.🔁 How many times does this code print “Well done”?
   for (let i = 2; i < 8; i++) {
     console.log("Well done");
   }
3. 3.Which of these is a weak password? (a) Rain#Drop_42! (b) Mango#Kite29! (c) S0lar!Pen#8 (d) 123456
4. 4.True or false: <p> goes in the body. (a) True (b) False
5. 5.📄 Where does <h1> go: in the head or in the body? (a) in the head (b) in the body
6. 6.📋 Does this list show bullets or numbers?
   <ul>
     <li>Litchi</li>
     <li>Grapes</li>
     <li>Mango</li>
   </ul> (a) bullets (b) numbers
7. 7.📝 On how many lines does the browser show this paragraph?
   <p>Birds sing<br>Rivers flow<br>Kites fly high<br>Stars shine<br>Roses are red</p>
8. 8.What does background-color do? (a) picks the font style (b) centres a heading (c) colours behind the text (d) makes letters bigger
9. 9.True or false: <ol> is an ordered list. (a) True (b) False
10. 10.🔢 On a typical page, from top to bottom, which comes FIRST? (a) <footer> (b) <main> (c) <nav> (d) <header>
11. 11.🌐 Which one shows pages from the web? (a) a web server (b) a code editor (c) a web browser
12. 12.📄 What does the browser tab show for this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>My Hobbies</title>
    </head>
    <body>
      <h1>All about me</h1>
      <p>Mars is red.</p>
    </body>
    </html> (a) All about me (b) Mars is red. (c) My Hobbies (d) index.html
13. 13.📋 Does this list show bullets or numbers?
    <ul>
      <li>Litchi</li>
      <li>Papaya</li>
      <li>Jamun</li>
    </ul> (a) bullets (b) numbers
14. 14.📄 What is the big heading shown on this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Cricket Club</title>
    </head>
    <body>
      <h1>Match report</h1>
      <p>Try this poha.</p>
    </body>
    </html> (a) body (b) Cricket Club (c) Match report (d) Try this poha.
15. 15.🔠 How many headings are in this code?
    <h1>I love mangoes.</h1>
    <p>Hello, world!</p>
    <h2>I love mangoes.</h2>
16. 16.True or false: <p> has a closing tag. (a) False (b) True
17. 17.🧩 Which language lays out the page? (a) HTML (b) CSS (c) JavaScript
18. 18.♿ Who uses a screen reader? (a) only teachers (b) only robots (c) people who are blind (d) only coders
19. 19.🌍 What is the protocol in this URL?
    http://www.example.com/maths/tables.html (a) www.example.com (b) http (c) /maths/tables.html (d) https
20. 20.📝 On how many lines does the browser show this paragraph?
    <p>Roses are red<br>Birds sing<br>Sky is blue<br>Kites fly high<br>Rivers flow</p>
21. 21.🔤 In “HTML”, what does the M stand for? (a) Modern (b) Machine (c) Mouse (d) Markup
22. 22.What is <input type="radio"> for? (a) picks a day (b) lets you pick only one (c) is for one line of words (d) lets you tick many
23. 23.⚡ Which JavaScript word runs code when true? (a) if (b) for (c) let (d) console.log()
24. 24.🔠 Which heading shows the BIGGEST text: <h4>, <h3>, <h1> or <h5>? (a) <h4> (b) <h3> (c) <h1> (d) <h5>
25. 25.💪 How much empty space (px) is before the first box?
    .row {
      display: flex;
      width: 320px;
      justify-content: flex-end;
    }
    Inside are 3 boxes, each 80px wide (no margins).
26. 26.Which of these is padding? (a) the gap round content (b) space outside the border (c) the gap to other boxes (d) a solid or dotted edge
27. 27.💬 How many paragraphs show on the page?
    <p>Good morning!</p>
    <!-- <p>My best friend</p> -->
    <!-- <p>Hello, world!</p> -->
28. 28.📝 On how many lines does the browser show this paragraph?
    <p>Sky is blue<br>Stars shine<br>Birds sing<br>Kites fly high</p>
29. 29.🔗 Which words do you click on?
    <a href="quiz.html">Contact us</a> (a) href (b) Contact us (c) quiz.html (d) Visit the site
30. 30.📄 Can HTML on its own add up two numbers? (a) No (b) Yes
31. 31.Which of these is padding? (a) space outside the border (b) the gap to other boxes (c) a solid or dotted edge (d) space inside the border
32. 32.📝 Which input type lets you pick only one? (a) password (b) date (c) radio (d) text
33. 33.🔐 Is Chai$Cup_19x a strong or a weak password? (a) weak (b) strong
34. 34.🌍 What does a web address (URL) tell the browser? (a) how old you are (b) your password (c) the page colour (d) where the page is
35. 35.🔠 Which heading shows the BIGGEST text: <h4>, <h2>, <h6> or <h3>? (a) <h4> (b) <h3> (c) <h6> (d) <h2>
36. 36.🖌️ What colour are the letters?
    h1 {
      color: yellow;
      background-color: blue;
      text-align: left;
      font-size: 40px;
    } (a) blue (b) white (c) yellow
37. 37.💪 Which flexbox property spaces boxes along a row? (a) gap (b) flex-direction (c) display: flex (d) justify-content
38. 38.🔍 Which line is missing its closing tag?
    line 1: <h2>The red kite</h2>
    line 2: <strong>I love mangoes.
    line 3: <h3>My pets</h3> (a) line 3 (b) line 1 (c) line 2
39. 39.🔠 How many headings are in this code?
    <h1>Fun facts</h1>
    <h3>Our school trip</h3>
    <p>I love mangoes.</p>
    <p>Rain today</p>
    <h2>Our school trip</h2>
40. 40.💪 How wide (px) is each gap between two boxes?
    .row {
      display: flex;
      width: 300px;
      justify-content: space-between;
    }
    Inside are 4 boxes, each 60px wide (no margins).

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