Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 512 · 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 justify-content value puts boxes in the middle? (a) center (b) flex-end (c) flex-start (d) space-between
2. 2.🌈 Which colour is rgb(255, 0, 255)? (a) white (b) red (c) magenta (d) blue
3. 3.🌈 In #000058 the blue part is the hex number 58. What is it as a normal number?
4. 4.🌈 Which colour of light is strongest in rgb(9, 119, 207)? (a) red (b) blue (c) green
5. 5.True or false: <a href="a.html">Go</a> goes in script.js. (a) True (b) False
6. 6.True or false: “label every form box” makes the page harder to use. (a) False (b) True
7. 7.⚡ What does this code show?
   let name = "Kabir";
   console.log("Hello, " + name + "!"); (a) Hello, name! (b) Hello, Kabir! (c) name (d) Kabir
8. 8.True or false: let score = 0; goes in script.js. (a) False (b) True
9. 9.📦 How much space top to bottom (px) does this box take in all, margin included?
   .box {
     height: 50px;
     padding: 5px;
     border: 2px solid black;
     margin: 20px;
   }
10. 10.📄 What is the first line of an HTML5 page? (a) <html> (b) <!DOCTYPE html> (c) <body> (d) <head>
11. 11.True or false: the content is the gap to other boxes. (a) True (b) False
12. 12.⚖️ Which selector is the strongest? (a) an element selector (b) an id selector (c) a class selector
13. 13.🌈 Which colour of light is strongest in rgb(238, 80, 7)? (a) green (b) red (c) blue
14. 14.🔠 How many headings are in this code?
    <h1>Good morning!</h1>
    <h4>Fun facts</h4>
    <p>Rain today</p>
    <h3>I love mangoes.</h3>
    <h4>My best friend</h4>
15. 15.🛡️ Online: is it safe to click prize links? (a) safe (b) not safe
16. 16.🔍 One closing tag is missing. Which one?
    <em>Cricket is fun.</em>
    <b>Hello, world!</b>
    <h3>My best friend (a) </em> (b) </h1> (c) </b> (d) </h3>
17. 17.📦 How wide (px) is this box from the outer edge of its left border to the outer edge of its right border?
    .box {
      width: 190px;
      padding: 30px;
      border: 2px solid black;
      margin: 15px;
    }
18. 18.🔢 In a basic web page file, which comes first: “<!DOCTYPE html>” or “<body>”? (a) <body> (b) <!DOCTYPE html>
19. 19.Which of these goes in the head? (a) <title> (b) <img> (c) <h1> (d) <p>
20. 20.📊 How many cells are in each row?
    <table>
      <tr><td>Grapes</td><td>Orange</td></tr>
      <tr><td>Banana</td><td>Litchi</td></tr>
      <tr><td>Papaya</td><td>Banana</td></tr>
    </table>
21. 21.🔍 Which is the odd one out? (a) changes the text size (b) lays out the page (c) puts a picture on a page (d) sets colours and fonts
22. 22.📦 In the box model, which part is space inside the border? (a) margin (b) border (c) padding (d) content
23. 23.📄 Where does <table> go: in the head or in the body? (a) in the body (b) in the head
24. 24.True or false: in <img>, height tells which image to load. (a) True (b) False
25. 25.🌗 Is white on black easy or hard to read? (a) hard to read (b) easy to read
26. 26.💬 How many paragraphs show on the page?
    <p>Our school trip</p>
    <!-- <p>My best friend</p> -->
    <p>Hello, world!</p>
    <p>Cricket is fun.</p>
27. 27.📄 What does the browser tab show for this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Riya’s Recipes</title>
    </head>
    <body>
      <h1>All about me</h1>
      <p>I like to read.</p>
    </body>
    </html> (a) index.html (b) I like to read. (c) All about me (d) Riya’s Recipes
28. 28.🖌️ What colour are the letters?
    h1 {
      color: black;
      font-size: 12px;
      text-align: center;
      background-color: red;
    } (a) green (b) black (c) red
29. 29.🔢 On a typical page, from top to bottom, which comes FIRST? (a) <nav> (b) <footer> (c) <main> (d) <header>
30. 30.📝 Does <b> have a closing tag, or is it an empty tag? (a) has a closing tag (b) an empty tag
31. 31.True or false: a web server answers page requests. (a) False (b) True
32. 32.True or false: <ol> is an ordered list. (a) False (b) True
33. 33.🌍 What is the protocol in this URL?
    https://www.example.com/art/gallery.html (a) https (b) www.example.com (c) http (d) /art/gallery.html
34. 34.True or false: HTML on its own cannot add pictures to a page. (a) True (b) False
35. 35.True or false: <b> is an empty tag. (a) True (b) False
36. 36.📊 Where do <td> cells go? (a) inside a <li> (b) inside a <p> (c) inside the <head> (d) inside a <tr>
37. 37.💪 Which justify-content value packs boxes at the end? (a) space-between (b) flex-end (c) flex-start (d) center
38. 38.True or false: a code editor colours code to help us. (a) True (b) False
39. 39.💬 Why do coders write comments? (a) to make links (b) to leave notes (c) to add colour (d) to show pictures
40. 40.Which of these is true of <footer>? (a) sits at the very top (b) helps you move around (c) sits at the bottom (d) holds the menu of links

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