Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 108 · 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.📄 What does the browser tab show for this page?
   <!DOCTYPE html>
   <html>
   <head>
     <title>Space Facts</title>
   </head>
   <body>
     <h1>Match report</h1>
     <p>I like to read.</p>
   </body>
   </html> (a) index.html (b) I like to read. (c) Space Facts (d) Match report
2. 2.⚡ What number does this code print?
   let a = 48;
   let b = 16;
   console.log(a + b);
3. 3.💬 Does the browser show comments on the page? (a) Yes (b) No
4. 4.🔠 How many headings are in this code?
   <h1>I love mangoes.</h1>
   <p>I love mangoes.</p>
   <p>My pets</p>
   <p>I love mangoes.</p>
   <h3>Hello, world!</h3>
5. 5.🎨 What does CSS stand for? (a) Cascading Style Sheets (b) Computer Style Sheets (c) Creative Sheet System (d) Colourful Site Styles
6. 6.True or false: <footer> holds one blog post. (a) True (b) False
7. 7.🛡️ Should you share your password with your best friend? (a) Yes (b) No
8. 8.Which of these is true of a web browser? (a) colours code to help us (b) turns HTML into a page (c) saves our .html files (d) is where we type code
9. 9.📊 How many rows does this table have?
   <table>
     <tr><td>Guava</td><td>Banana</td></tr>
     <tr><td>Papaya</td><td>Litchi</td></tr>
     <tr><td>Litchi</td><td>Papaya</td></tr>
   </table>
10. 10.🖌️ Where does the text sit on its line?
    h1 {
      background-color: yellow;
      text-align: left;
      font-size: 24px;
      color: red;
    } (a) on the right (b) in the middle (c) on the left
11. 11.♿ Which link text is clearest? (a) here (b) click here (c) Read the fruit facts (d) link
12. 12.🎯 Which CSS selector matches this element?
    <h2 class="big" id="end">Hello</h2> (a) .big (b) #big (c) li (d) #hero
13. 13.True or false: to meet an online stranger is safe. (a) False (b) True
14. 14.⚖️ What colour is the text of this element?
    <p class="red" id="logo">Hi</p>
    CSS:
    .red { color: black; }
    .red { color: yellow; } (a) purple (b) yellow (c) white (d) black
15. 15.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="map.png" alt="Map of India" width="350"> (a) width (b) Birthday cake (c) Map of India (d) map.png
16. 16.🔍 One closing tag is missing. Which one?
    <strong>Good morning!</strong>
    <p>My best friend
    <h1>My pets</h1> (a) </h1> (b) </strong> (c) </p> (d) </h2>
17. 17.What is <input type="text"> for? (a) picks a day (b) hides what you type (c) lets you tick many (d) is for one line of words
18. 18.⚡ What number does this code print?
    let runs = 24;
    runs = runs + 15;
    runs = runs - 13;
    console.log(runs);
19. 19.♿ Does this help everyone, or make the page harder to use: add alt text to images? (a) makes it harder (b) helps everyone
20. 20.🖼️ Which attribute of <img> shows if the image fails? (a) alt (b) height (c) width (d) src
21. 21.📋 How many items does this list show?
    <ol>
      <li>Banana</li>
      <li>Mango</li>
      <li>Grapes</li>
      <li>Papaya</li>
      <li>Orange</li>
      <li>Guava</li>
    </ol>
22. 22.📄 What does the browser tab show for this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Art Gallery</title>
    </head>
    <body>
      <h1>Easy snacks</h1>
      <p>Thanks for visiting.</p>
    </body>
    </html> (a) Thanks for visiting. (b) Easy snacks (c) index.html (d) Art Gallery
23. 23.What is <input type="password"> for? (a) lets you pick only one (b) takes only numbers (c) hides what you type (d) sends the form
24. 24.📋 Which list tag lists things in any order? (a) <li> (b) <ul> (c) <ol>
25. 25.Which of these is safe to do online? (a) click prize links (b) use a strong password (c) type a password on http (d) post your home address
26. 26.📄 Where does <h1> go: in the head or in the body? (a) in the head (b) in the body
27. 27.🧭 Which semantic tag is the page’s key part? (a) <article> (b) <main> (c) <aside> (d) <footer>
28. 28.True or false: JavaScript changes the page live. (a) False (b) True
29. 29.🖌️ Where does the text sit on its line?
    h2 {
      font-size: 12px;
      background-color: black;
      text-align: center;
      color: red;
    } (a) in the middle (b) on the right (c) on the left
30. 30.🔢 In a basic web page file, which comes FIRST? (a) <!DOCTYPE html> (b) <html> (c) <body> (d) </body>
31. 31.📋 Which list suits a shopping list in any order? (a) <ol> (b) <hr> (c) <br> (d) <ul>
32. 32.🔁 When does the else part run? (a) never (b) when if is false (c) when if is true (d) always
33. 33.✍️ Which sign goes between a property and its value? (a) - (b) = (c) : (d) ;
34. 34.True or false: <ol> is an unordered list. (a) False (b) True
35. 35.📝 Which tag holds a whole form? (a) <table> (b) <ol> (c) <form> (d) <input>
36. 36.🌈 Which hex code is cyan? (a) #ff0000 (b) #ff00ff (c) #ffffff (d) #00ffff
37. 37.🔁 Which loop repeats code a set number of times? (a) let (b) if (c) for (d) else
38. 38.🖌️ What colour is behind the letters?
    li {
      font-size: 28px;
      text-align: right;
      background-color: blue;
      color: white;
    } (a) green (b) white (c) blue
39. 39.🧭 Which semantic tag holds the menu of links? (a) <aside> (b) <header> (c) <nav> (d) <article>
40. 40.⚖️ What colour is the text of this element?
    <h2 class="star" id="end">Hi</h2>
    CSS:
    h2 { color: black; }
    h2 { color: purple; } (a) black (b) blue (c) purple (d) yellow

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