Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 919 · 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 tag holds a whole form? (a) <input> (b) <ol> (c) <table> (d) <form>
2. 2.📄 Which part holds everything you see on the page? (a) the head (b) the title (c) the body (d) the doctype
3. 3.True or false: <h1> has a closing tag. (a) False (b) True
4. 4.💬 How does an HTML comment start? (a) // (b) /* (c) <!-- (d) #
5. 5.🔠 Which heading shows the BIGGEST text: <h6>, <h1>, <h5> or <h2>? (a) <h2> (b) <h1> (c) <h5> (d) <h6>
6. 6.True or false: h1 { font-size: 32px; } goes in style.css. (a) False (b) True
7. 7.🔢 To build and share your first web page, what comes right after “write the HTML”? (a) test in a browser (b) plan what to show (c) publish it online (d) add CSS styles
8. 8.🔍 One closing tag is missing. Which one?
   <i>Rain today</i>
   <em>Good morning!
   <strong>Hello, world!</strong> (a) </strong> (b) </i> (c) </h1> (d) </em>
9. 9.True or false: score = score + 1; goes in script.js. (a) True (b) False
10. 10.📱 max-width: 600px applies when the screen is ___. (a) exactly 1000px (b) 600px or wider (c) 600px or narrower (d) turned off
11. 11.📋 Which tag goes around each item of a list? (a) <ol> (b) <ul> (c) <li> (d) <p>
12. 12.True or false: a web server stores a website’s files. (a) False (b) True
13. 13.🎯 Which element does the selector li style? (a) <div> (b) <li class="star"> (c) <span class="star"> (d) <p id="intro">
14. 14.🖌️ Which CSS property picks the font style? (a) font-size (b) background-color (c) font-family (d) color
15. 15.🔍 Which is the odd one out? (a) makes headings and lists (b) reacts to a button click (c) gives the page structure (d) makes a form box
16. 16.🔢 In a basic web page file, which comes first: “<head>” or “</head>”? (a) <head> (b) </head>
17. 17.📝 How many paragraphs does this code make?
    <p>Good morning!</p>
    <h2>Rain today</h2>
    <h2>Fun facts</h2>
    <p>My pets</p>
    <p>My pets</p>
18. 18.📝 How many paragraphs does this code make?
    <p>Good morning!</p>
    <p>Rain today</p>
    <h2>My pets</h2>
    <p>Our school trip</p>
19. 19.🖌️ Where does the text sit on its line?
    p {
      text-align: right;
      font-size: 28px;
      color: blue;
      background-color: red;
    } (a) on the left (b) in the middle (c) on the right
20. 20.🔁 What does this code print?
    let age = 12;
    if (age >= 16) {
      console.log("teen");
    } else {
      console.log("child");
    } (a) child (b) teen
21. 21.🌈 What is the biggest number one colour can have in rgb()? (a) 1000 (b) 255 (c) 99 (d) 100
22. 22.📊 How many cells are in each row?
    <table>
      <tr><th>Name</th><th>Fruit</th></tr>
      <tr><td>Papaya</td><td>Jamun</td></tr>
      <tr><td>Orange</td><td>Mango</td></tr>
      <tr><td>Guava</td><td>Jamun</td></tr>
    </table>
23. 23.📝 What does a password box show instead of letters? (a) capital letters (b) emojis (c) dots (d) numbers
24. 24.🌈 In #b50000 the red part is the hex number b5. What is it as a normal number?
25. 25.🌗 Is yellow on white easy or hard to read? (a) hard to read (b) easy to read
26. 26.True or false: <p> is an empty tag. (a) True (b) False
27. 27.🖼️ Which attribute of <img> tells which image to load? (a) height (b) src (c) width (d) alt
28. 28.📱 The screen is 1366px wide. Does the rule inside @media apply?
    p {
      font-size: 12px;
    }
    @media (min-width: 1024px) {
      p {
        font-size: 20px;
      }
    } (a) Yes (b) No
29. 29.Which of these goes in the body? (a) <img> (b) <style> (c) <title> (d) <link rel="stylesheet">
30. 30.🔍 One closing tag is missing. Which one?
    <h3>Hello, world!</h3>
    <p>Our school trip</p>
    <small>The red kite (a) </small> (b) </h2> (c) </h3> (d) </p>
31. 31.♿ A part of the page is under a <h3> heading. Which tag should its sub-heading use? (a) <h5> (b) <h6> (c) <h1> (d) <h4>
32. 32.🔠 Which heading shows the SMALLEST text: <h2>, <h6>, <h1> or <h3>? (a) <h6> (b) <h2> (c) <h1> (d) <h3>
33. 33.💪 Which flexbox property sets space between boxes? (a) flex-direction (b) gap (c) align-items (d) display: flex
34. 34.📱 The screen is 375px wide. Does the rule inside @media apply?
    p {
      font-size: 16px;
    }
    @media (min-width: 480px) {
      p {
        font-size: 24px;
      }
    } (a) No (b) Yes
35. 35.🚀 Which file should this code go in: #top { color: blue; } (a) script.js (b) style.css (c) index.html
36. 36.🌍 What is the path in this URL?
    http://learn.example.com/about.html (a) learn.example.com (b) /about.html (c) /maths/tables.html (d) http
37. 37.💬 Does the browser show comments on the page? (a) Yes (b) No
38. 38.🔗 Which address opens when you click this link?
    <a href="https://example.com">Take the quiz</a> (a) https://example.com (b) Take the quiz (c) art.html (d) maths.html
39. 39.🔗 Which words do you click on?
    <a href="contact.html">Maths fun</a> (a) href (b) Art corner (c) Maths fun (d) contact.html
40. 40.🔗 Which tag makes a clickable link? (a) <img> (b) <link> (c) <p> (d) <a>

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