Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 904 · 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 makes one data cell? (a) <tr> (b) <caption> (c) <td> (d) <table>
2. 2.What does font-size do? (a) colours behind the text (b) makes the text bold (c) sets the letter colour (d) makes letters bigger
3. 3.📝 Which input type is for one line of words? (a) date (b) password (c) text (d) submit
4. 4.📝 You type 5 spaces between two words in a <p>. How does the browser show them? (a) as a new line (b) as a dot (c) as 5 spaces (d) as one space
5. 5.🔠 Which heading shows the BIGGEST text: <h5>, <h1>, <h6> or <h4>? (a) <h5> (b) <h6> (c) <h4> (d) <h1>
6. 6.Which of these goes in the head? (a) <p> (b) <table> (c) <meta charset="utf-8"> (d) <img>
7. 7.📦 In the box model, which part is the text or picture? (a) padding (b) border (c) content (d) margin
8. 8.📊 Which tag holds the whole table? (a) <th> (b) <table> (c) <tr> (d) <td>
9. 9.🏷️ Which is the closing tag for <b>? (a) <b> (b) <b/> (c) </b> (d) <\b>
10. 10.🧩 An opening tag + content + a closing tag together make an ___. (a) element (b) attribute (c) editor (d) address
11. 11.🖌️ How big is the text, in px?
    h1 {
      background-color: blue;
      font-size: 16px;
      text-align: right;
      color: yellow;
    }
12. 12.True or false: in <img>, width sets how tall it is. (a) True (b) False
13. 13.Which of these is not safe to do online? (a) log out on shared PCs (b) share your password (c) think before you post (d) use a nickname in games
14. 14.📋 How many items does this list show?
    <ol>
      <li>Grapes</li>
      <li>Jamun</li>
      <li>Papaya</li>
      <li>Banana</li>
      <li>Litchi</li>
    </ol>
15. 15.📄 Where does <img> go: in the head or in the body? (a) in the body (b) in the head
16. 16.📦 How much space across (px) does this box take in all, margin included?
    .box {
      width: 190px;
      padding: 5px;
      border: 4px solid black;
      margin: 15px;
    }
17. 17.🌈 What is the biggest number one colour can have in rgb()? (a) 100 (b) 99 (c) 255 (d) 1000
18. 18.What does font-weight do? (a) colours behind the text (b) centres a heading (c) picks the font style (d) makes the text bold
19. 19.📋 Which tag goes around each item of a list? (a) <li> (b) <ul> (c) <p> (d) <ol>
20. 20.🎨 Which attribute adds CSS inside one tag? (a) href (b) alt (c) src (d) style
21. 21.🖌️ How big is the text, in px?
    h1 {
      font-size: 28px;
      text-align: right;
      background-color: green;
      color: white;
    }
22. 22.💪 How much empty space (px) is before the first box?
    .row {
      display: flex;
      width: 180px;
      justify-content: center;
    }
    Inside are 2 boxes, each 80px wide (no margins).
23. 23.📝 What does <hr> draw? (a) a picture (b) a line across the page (c) a link (d) a table
24. 24.🌈 In #0000ef the blue part is the hex number ef. What is it as a normal number?
25. 25.True or false: <li> is an empty tag. (a) False (b) True
26. 26.Which of these is the border? (a) space inside the border (b) the text or picture (c) the line round the box (d) space outside the border
27. 27.💬 How many paragraphs show on the page?
    <!-- <p>Rain today</p> -->
    <!-- <p>I love mangoes.</p> -->
    <p>The red kite</p>
    <!-- <p>Our school trip</p> -->
    <!-- <p>My best friend</p> -->
28. 28.🔁 What does this code print?
    let marks = 4;
    if (marks > 45) {
      console.log("Pass");
    } else {
      console.log("Try again");
    } (a) Pass (b) Try again
29. 29.🔁 What does this code print?
    let temp = 21;
    if (temp >= 10) {
      console.log("Hot");
    } else {
      console.log("Cool");
    } (a) Hot (b) Cool
30. 30.📊 How many cells does this table have in all?
    <table>
      <tr><th>Name</th><th>Fruit</th><th>Price</th></tr>
      <tr><td>Banana</td><td>Banana</td><td>Orange</td></tr>
      <tr><td>Grapes</td><td>Papaya</td><td>Litchi</td></tr>
      <tr><td>Mango</td><td>Mango</td><td>Guava</td></tr>
    </table>
31. 31.🔢 To build and share your first web page, which comes LAST? (a) test in a browser (b) add CSS styles (c) plan what to show (d) publish it online
32. 32.True or false: padding is space inside the border. (a) False (b) True
33. 33.🌈 Which colour is rgb(0, 0, 255)? (a) bright green (b) red (c) blue (d) white
34. 34.🌈 Which hex code is magenta? (a) #0000ff (b) #ff0000 (c) #ff00ff (d) #00ff00
35. 35.🔗 Which words do you click on?
    <a href="contact.html">Visit the site</a> (a) href (b) Visit the site (c) contact.html (d) Maths fun
36. 36.🎯 Which sign starts a class selector? (a) @ (b) . (c) # (d) &
37. 37.🖌️ What colour are the letters?
    li {
      text-align: left;
      font-size: 20px;
      background-color: red;
      color: black;
    } (a) black (b) red (c) green
38. 38.True or false: margin is the gap to other boxes. (a) True (b) False
39. 39.True or false: in <img>, width names the picture file. (a) False (b) True
40. 40.⚖️ What colour is the text of this element?
    <h2 class="big" id="end">Hi</h2>
    CSS:
    #end { color: blue; }
    #end { color: red; } (a) green (b) yellow (c) red (d) blue

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