Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 406 · 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.True or false: <table> goes in the head. (a) True (b) False
2. 2.📝 Which input type is for one line of words? (a) date (b) checkbox (c) email (d) text
3. 3.📝 How many paragraphs does this code make?
   <p>My best friend</p>
   <p>I love mangoes.</p>
   <p>Fun facts</p>
4. 4.🔗 Where does this link open?
   <a href="about.html" target="_blank">School news</a> (a) in the same tab (b) in a new tab
5. 5.📱 The screen is 414px wide. What font-size (px) does the paragraph get?
   p {
     font-size: 20px;
   }
   @media (max-width: 480px) {
     p {
       font-size: 16px;
     }
   }
6. 6.📄 Which part holds everything you see on the page? (a) the head (b) the doctype (c) the title (d) the body
7. 7.🔁 What does i++ do? (a) adds 1 to i (b) doubles i (c) takes 1 from i (d) prints i
8. 8.🔢 When you open a web page, what comes right after “the server sends files”? (a) the browser asks it (b) you type the URL (c) the browser shows it (d) DNS finds the server
9. 9.True or false: HTML makes a link. (a) False (b) True
10. 10.✍️ In color: blue; which part is the property? (a) blue (b) : (c) color (d) ;
11. 11.📊 How many heading cells (<th>) does this table have?
    <table>
      <tr><th>Name</th><th>Fruit</th></tr>
      <tr><td>Litchi</td><td>Papaya</td></tr>
    </table>
12. 12.🖌️ What colour are the letters?
    li {
      text-align: left;
      color: orange;
      background-color: yellow;
      font-size: 28px;
    } (a) white (b) yellow (c) orange
13. 13.🖼️ Does <img> need a closing tag? (a) No (b) Yes
14. 14.📛 In <a href="x.html">, what is href? (a) an element name (b) an attribute (c) a comment (d) a closing tag
15. 15.🖌️ Which CSS property centres a heading? (a) font-family (b) font-weight (c) text-align (d) background-color
16. 16.🏷️ HTML marks up text using ___. (a) wires (b) pixels (c) keys (d) tags
17. 17.🔢 In a basic web page file, which comes first: “<!DOCTYPE html>” or “</body>”? (a) </body> (b) <!DOCTYPE html>
18. 18.🔢 To build and share your first web page, what comes right after “plan what to show”? (a) test in a browser (b) write the HTML (c) publish it online (d) add CSS styles
19. 19.🔗 Which words do you click on?
    <a href="quiz.html">Play games</a> (a) quiz.html (b) Play games (c) href (d) About us
20. 20.📝 Which tag makes a drop-down list? (a) <ol> (b) <ul> (c) <select> (d) <li>
21. 21.True or false: <input type="email"> is for an email address. (a) False (b) True
22. 22.True or false: padding is the gap to other boxes. (a) True (b) False
23. 23.📄 Where does the text of <title> appear? (a) nowhere (b) on the browser tab (c) in a big heading (d) at the bottom
24. 24.🖼️ Which attribute of <img> sets how tall it is? (a) width (b) height (c) src (d) alt
25. 25.📝 How many <input> tags are in this form?
    <form>
      <input type="checkbox">
      <input type="email">
      <input type="submit" value="Send">
    </form>
26. 26.True or false: <aside> holds a side box of tips. (a) True (b) False
27. 27.🖼️ Which attribute of <img> tells which image to load? (a) alt (b) height (c) src (d) width
28. 28.📝 What does <br> do? (a) makes text bold (b) adds a picture (c) makes a list (d) starts a new line
29. 29.🏷️ Which is the closing tag for <u>? (a) <u/> (b) <u> (c) </u> (d) <\u>
30. 30.💪 How much empty space (px) is before the first box?
    .row {
      display: flex;
      width: 320px;
      justify-content: flex-end;
    }
    Inside are 4 boxes, each 60px wide (no margins).
31. 31.🔗 Which address opens when you click this link?
    <a href="games.html">Play games</a> (a) contact.html (b) about.html (c) games.html (d) Play games
32. 32.✍️ How many declarations (property: value pairs) are in this rule?
    body {
      font-weight: bold;
      margin: 10px;
      background-color: yellow;
      font-style: italic;
    }
33. 33.🔢 In a basic web page file, which comes first: “</body>” or “<body>”? (a) </body> (b) <body>
34. 34.🧭 Is <section> semantic or not semantic? (a) not semantic (b) semantic
35. 35.🔠 Which heading shows the SMALLEST text: <h4>, <h2>, <h6> or <h1>? (a) <h6> (b) <h1> (c) <h4> (d) <h2>
36. 36.📱 Responsive design means a page ___. (a) has no pictures (b) never changes (c) is only for laptops (d) fits every screen
37. 37.⚡ What number does this code print?
    let a = 19;
    let b = 10;
    console.log(a + b);
38. 38.🔗 Where does this link open?
    <a href="news.html">Art corner</a> (a) in a new tab (b) in the same tab
39. 39.💬 Does the browser show comments on the page? (a) No (b) Yes
40. 40.⚡ Which JavaScript word runs code when true? (a) let (b) for (c) if (d) alert()

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