Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 638 · 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 of these is true of <nav>? (a) holds one blog post (b) sits at the very top (c) holds a news story (d) helps you move around
2. 2.📊 Are <th> cells shown bold and centred by default? (a) Yes (b) No
3. 3.True or false: <h1> has a closing tag. (a) True (b) False
4. 4.🔗 What does target="_blank" do to a link? (a) opens it in a new tab (b) makes it blank (c) makes it bold (d) hides the link
5. 5.True or false: HTML on its own cannot show paragraphs. (a) True (b) False
6. 6.🚀 Which file should this code go in: <img src="cat.png"> (a) style.css (b) index.html (c) script.js
7. 7.🔠 Which heading shows the SMALLEST text: <h3>, <h1>, <h6> or <h4>? (a) <h3> (b) <h1> (c) <h4> (d) <h6>
8. 8.🔁 What does this code print?
   let marks = 25;
   if (marks < 6) {
     console.log("Pass");
   } else {
     console.log("Try again");
   } (a) Pass (b) Try again
9. 9.🌍 Which one asks for a web page? (a) the browser (b) the server (c) HTTPS (d) the URL
10. 10.📊 In a table, which tag is a row? (a) <td> (b) <tr> (c) <th> (d) <tb>
11. 11.⚖️ What colour is the text of this element?
    <h1 class="star" id="top">Hi</h1>
    CSS:
    .star { color: blue; }
    h1 { color: yellow; } (a) green (b) blue (c) yellow (d) orange
12. 12.🔍 One closing tag is missing. Which one?
    <small>My best friend
    <h3>Our school trip</h3>
    <b>Good morning!</b> (a) </em> (b) </b> (c) </small> (d) </h3>
13. 13.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="map.png" alt="Map of India" width="150"> (a) Map of India (b) width (c) Birthday cake (d) map.png
14. 14.Which of these goes in the head? (a) <link rel="stylesheet"> (b) <h1> (c) <ul> (d) <p>
15. 15.🔗 Which words do you click on?
    <a href="contact.html">Maths fun</a> (a) Maths fun (b) href (c) contact.html (d) Art corner
16. 16.🔁 Which word runs code only when something is true? (a) if (b) log (c) for (d) let
17. 17.🖌️ What colour is behind the letters?
    h2 {
      background-color: purple;
      text-align: left;
      font-size: 12px;
      color: yellow;
    } (a) white (b) yellow (c) purple
18. 18.📱 The screen is 540px wide. What font-size (px) does the paragraph get?
    p {
      font-size: 24px;
    }
    @media (max-width: 1024px) {
      p {
        font-size: 20px;
      }
    }
19. 19.📄 What is the first line of an HTML5 page? (a) <head> (b) <html> (c) <body> (d) <!DOCTYPE html>
20. 20.📋 Which list shows the steps of a recipe best? (a) <ul> (b) <br> (c) <ol> (d) <hr>
21. 21.🔍 Which line is missing its closing tag?
    line 1: <h1>I love mangoes.</h1>
    line 2: <h3>Cricket is fun.
    line 3: <p>Good morning!</p> (a) line 1 (b) line 2 (c) line 3
22. 22.🔢 In a basic web page file, which comes first: “<!DOCTYPE html>” or “<body>”? (a) <!DOCTYPE html> (b) <body>
23. 23.🧩 An opening tag + content + a closing tag together make an ___. (a) editor (b) attribute (c) element (d) address
24. 24.🚀 Which file is best for the colours and fonts? (a) photo.jpg (b) script.js (c) index.html (d) style.css
25. 25.📱 The screen is 700px wide. Does the rule inside @media apply?
    p {
      font-size: 16px;
    }
    @media (max-width: 600px) {
      p {
        font-size: 14px;
      }
    } (a) Yes (b) No
26. 26.Which colour pair is easy to read? (a) white on black (b) pink on red (c) yellow on white (d) light grey on white
27. 27.📊 How many cells does this table have in all?
    <table>
      <tr><td>Litchi</td><td>Jamun</td><td>Banana</td></tr>
      <tr><td>Mango</td><td>Jamun</td><td>Grapes</td></tr>
    </table>
28. 28.🖼️ Which picture file does the browser load?
    <img src="bus.jpg" alt="Our school bus" width="200"> (a) bus.jpg (b) tiger.jpg (c) fort.jpg (d) Our school bus
29. 29.♿ Does this help everyone, or make the page harder to use: skipping heading levels? (a) helps everyone (b) makes it harder
30. 30.🚀 What is the home page file of a website usually called? (a) start.js (b) home.css (c) main.png (d) index.html
31. 31.🔍 One closing tag is missing. Which one?
    <h2>Rain today</h2>
    <u>Our school trip</u>
    <em>Hello, world! (a) </u> (b) </h2> (c) </em> (d) </p>
32. 32.🧭 How many <main> parts should a page have? (a) none (b) one (c) three (d) ten
33. 33.True or false: HTML on its own can make headings. (a) False (b) True
34. 34.📊 Which tag holds the whole table? (a) <td> (b) <tr> (c) <table> (d) <caption>
35. 35.🔗 Which address opens when you click this link?
    <a href="quiz.html">School news</a> (a) about.html (b) quiz.html (c) School news (d) games.html
36. 36.🔐 Is Blue@Tiger_74 a strong or a weak password? (a) weak (b) strong
37. 37.Which of these is true of a web server? (a) colours code to help us (b) opens web pages for us (c) hosts websites online (d) has an address bar
38. 38.🧭 Which semantic tag sits at the very top? (a) <header> (b) <article> (c) <aside> (d) <footer>
39. 39.🔠 Which heading shows the BIGGEST text: <h2>, <h4>, <h1> or <h6>? (a) <h4> (b) <h6> (c) <h1> (d) <h2>
40. 40.🔍 Which is the odd one out? (a) puts a picture on a page (b) makes headings and lists (c) makes a link (d) changes the text size

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