Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 211 · 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 colour pair is easy to read? (a) blue on purple (b) red on green (c) white on black (d) pink on red
2. 2.📱 What does a media query check? (a) the battery level (b) the screen width (c) the page title (d) the time of day
3. 3.🖌️ How big is the text, in px?
   h1 {
     text-align: left;
     color: black;
     background-color: white;
     font-size: 16px;
   }
4. 4.📦 How much space across (px) does this box take in all, margin included?
   .box {
     width: 230px;
     padding: 30px;
     border: 2px solid black;
     margin: 5px;
   }
5. 5.⚡ What number does this code print?
   let apples = 25;
   apples = apples + 8;
   apples = apples - 6;
   console.log(apples);
6. 6.💾 A web page file usually ends with which extension? (a) .mp3 (b) .html (c) .txt (d) .png
7. 7.📱 Which tag helps phones show a page at the right size? (a) the hr tag (b) the br tag (c) the viewport meta tag (d) the title tag
8. 8.📝 On how many lines does the browser show this paragraph?
   <p>Stars shine<br>Sky is blue<br>Kites fly high</p>
9. 9.📝 At most, how many of these can be chosen at the same time?
   <form>
     <input type="radio" name="colour"> Green
     <input type="radio" name="colour"> Orange
     <input type="radio" name="colour"> Blue
   </form>
10. 10.True or false: CSS changes the text size. (a) False (b) True
11. 11.⚡ Which JavaScript word runs code when true? (a) alert() (b) console.log() (c) if (d) for
12. 12.🌍 What is the path in this URL?
    https://learn.example.com/games/chess.html (a) learn.example.com (b) /about.html (c) https (d) /games/chess.html
13. 13.📊 How many cells does this table have in all?
    <table>
      <tr><th>Name</th><th>Fruit</th><th>Price</th></tr>
      <tr><td>Guava</td><td>Jamun</td><td>Guava</td></tr>
      <tr><td>Grapes</td><td>Grapes</td><td>Banana</td></tr>
    </table>
14. 14.What is <input type="checkbox"> for? (a) lets you tick many (b) takes only numbers (c) is for one line of words (d) lets you pick only one
15. 15.🔍 Which is the odd one out? (a) opens web pages for us (b) is where we type code (c) colours code to help us (d) shows line numbers
16. 16.True or false: <input type="radio"> lets you pick only one. (a) False (b) True
17. 17.True or false: <link rel="stylesheet"> goes in the body. (a) False (b) True
18. 18.🔗 Where does this link open?
    <a href="https://example.com" target="_blank">School news</a> (a) in the same tab (b) in a new tab
19. 19.📝 What does <hr> draw? (a) a table (b) a link (c) a picture (d) a line across the page
20. 20.Which of these is a weak password? (a) qwerty (b) S0lar!Pen#8 (c) Kite_Fl1es@Dawn (d) Mango#Kite29!
21. 21.🎯 Can many elements share the same class? (a) Yes (b) No
22. 22.🔠 Which heading shows the BIGGEST text: <h3>, <h5>, <h1> or <h6>? (a) <h5> (b) <h6> (c) <h3> (d) <h1>
23. 23.🚀 Which file should this code go in: score = score + 1; (a) index.html (b) style.css (c) script.js
24. 24.🚀 What is the home page file of a website usually called? (a) index.html (b) main.png (c) start.js (d) home.css
25. 25.True or false: to use a nickname in games is not safe. (a) True (b) False
26. 26.Which of these is a closing tag? (a) <p> (b) <title> (c) </b> (d) <body>
27. 27.✍️ What value is given to padding in this rule?
    p {
      padding: 8px;
      font-style: italic;
    } (a) padding (b) 8px (c) 2px solid (d) bold
28. 28.📝 Which input type lets you tick many? (a) radio (b) checkbox (c) number (d) submit
29. 29.📄 Where does <ul> go: in the head or in the body? (a) in the head (b) in the body
30. 30.🌈 What is the biggest number one colour can have in rgb()? (a) 1000 (b) 99 (c) 255 (d) 100
31. 31.📦 How much space top to bottom (px) does this box take in all, margin included?
    .box {
      height: 70px;
      padding: 20px;
      border: 4px solid black;
      margin: 20px;
    }
32. 32.📱 The screen is 700px wide. Does the rule inside @media apply?
    p {
      font-size: 20px;
    }
    @media (min-width: 600px) {
      p {
        font-size: 22px;
      }
    } (a) No (b) Yes
33. 33.♿ Which link text is clearest? (a) click here (b) link (c) here (d) Read the fruit facts
34. 34.🌈 Which colour is rgb(255, 255, 0)? (a) bright green (b) red (c) white (d) yellow
35. 35.🔗 Which address opens when you click this link?
    <a href="art.html">Contact us</a> (a) Contact us (b) quiz.html (c) art.html (d) news.html
36. 36.🖌️ Where does the text sit on its line?
    h2 {
      text-align: center;
      font-size: 12px;
      background-color: white;
      color: green;
    } (a) on the right (b) on the left (c) in the middle
37. 37.🎨 What does CSS stand for? (a) Cascading Style Sheets (b) Creative Sheet System (c) Computer Style Sheets (d) Colourful Site Styles
38. 38.What does background-color do? (a) centres a heading (b) colours behind the text (c) sets the letter colour (d) makes letters bigger
39. 39.🎯 Which sign starts an id selector? (a) & (b) . (c) # (d) @
40. 40.Which of these goes in the head? (a) <h1> (b) <title> (c) <ul> (d) <a>

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