Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 861 · 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: HTML on its own can show paragraphs. (a) True (b) False
2. 2.🚀 Which file is best for code that reacts to clicks? (a) script.js (b) style.css (c) notes.txt (d) index.html
3. 3.True or false: CSS makes a link. (a) False (b) True
4. 4.📊 How many cells does this table have in all?
   <table>
     <tr><td>Litchi</td><td>Orange</td><td>Grapes</td></tr>
     <tr><td>Banana</td><td>Guava</td><td>Jamun</td></tr>
   </table>
5. 5.🖌️ How big is the text, in px?
   li {
     background-color: purple;
     font-size: 12px;
     text-align: right;
     color: green;
   }
6. 6.Which of these is an opening tag? (a) </p> (b) </li> (c) <li> (d) </b>
7. 7.🌈 Which hex code is red? (a) #00ff00 (b) #ff0000 (c) #ffffff (d) #ff00ff
8. 8.🔍 Which line is missing its closing tag?
   line 1: <p>My best friend</p>
   line 2: <em>Hello, world!
   line 3: <b>Our school trip</b> (a) line 1 (b) line 3 (c) line 2
9. 9.📝 On how many lines does the browser show this paragraph?
   <p>Sky is blue<br>Stars shine</p>
10. 10.📝 Which tag makes a drop-down list? (a) <ol> (b) <select> (c) <li> (d) <ul>
11. 11.True or false: the browser stores the site’s files. (a) False (b) True
12. 12.🔡 Are HTML tag names usually written in small letters? (a) No (b) Yes
13. 13.🖌️ How big is the text, in px?
    h2 {
      background-color: white;
      color: green;
      text-align: center;
      font-size: 16px;
    }
14. 14.🌐 Which one shows line numbers? (a) a web browser (b) a code editor (c) a web server
15. 15.True or false: a web browser turns HTML into a page. (a) True (b) False
16. 16.🎨 What does CSS stand for? (a) Computer Style Sheets (b) Cascading Style Sheets (c) Creative Sheet System (d) Colourful Site Styles
17. 17.🧱 HTML gives a web page its ___. (a) colours (b) sound (c) structure (d) speed
18. 18.📊 How many cells are in each row?
    <table>
      <tr><td>Litchi</td><td>Papaya</td></tr>
      <tr><td>Orange</td><td>Grapes</td></tr>
    </table>
19. 19.🔁 What number does this code print?
    let total = 0;
    for (let i = 1; i <= 7; i++) {
      total = total + i;
    }
    console.log(total);
20. 20.🌗 Is pink on red easy or hard to read? (a) easy to read (b) hard to read
21. 21.🎯 Which element does the selector p style? (a) <h1> (b) <li id="hero"> (c) <p class="box"> (d) <h2 class="box">
22. 22.🌍 What does a web address (URL) tell the browser? (a) the page colour (b) your password (c) where the page is (d) how old you are
23. 23.🔗 Which words do you click on?
    <a href="games.html">Take the quiz</a> (a) Play games (b) games.html (c) Take the quiz (d) href
24. 24.✍️ How many declarations (property: value pairs) are in this rule?
    li {
      margin: 10px;
      background-color: yellow;
    }
25. 25.📦 How much space across (px) does this box take in all, margin included?
    .box {
      width: 80px;
      padding: 5px;
      border: 2px solid black;
      margin: 0px;
    }
26. 26.📄 Where does <p> go: in the head or in the body? (a) in the body (b) in the head
27. 27.🔢 In a basic web page file, which comes first: “</body>” or “<head>”? (a) <head> (b) </body>
28. 28.🔢 In a basic web page file, which comes FIRST? (a) <body> (b) </body> (c) <!DOCTYPE html> (d) <html>
29. 29.🏷️ Every HTML tag starts with which sign? (a) < (b) [ (c) ( (d) {
30. 30.🔠 How many heading levels does HTML have? (a) 4 (b) 3 (c) 10 (d) 6
31. 31.📊 How many cells does this table have in all?
    <table>
      <tr><td>Jamun</td><td>Litchi</td></tr>
      <tr><td>Banana</td><td>Jamun</td></tr>
      <tr><td>Jamun</td><td>Guava</td></tr>
      <tr><td>Grapes</td><td>Orange</td></tr>
    </table>
32. 32.🚀 You change your code. What should you do to see the change? (a) switch off the PC (b) save and refresh (c) delete the file (d) rename the folder
33. 33.🌍 Which program shows a web page to us? (a) a calculator (b) a paint program (c) a music player (d) a web browser
34. 34.✍️ How many declarations (property: value pairs) are in this rule?
    .note {
      text-align: center;
      font-size: 20px;
    }
35. 35.Which of these is margin? (a) the gap round content (b) space inside the border (c) the gap to other boxes (d) the text or picture
36. 36.True or false: HTML on its own can run a game loop. (a) False (b) True
37. 37.Which of these is a closing tag? (a) </title> (b) <p> (c) <body> (d) <h1>
38. 38.🔢 When you open a web page, which comes FIRST? (a) DNS finds the server (b) the server sends files (c) you type the URL (d) the browser asks it
39. 39.⚖️ Which selector is the weakest? (a) a class selector (b) an id selector (c) an element selector
40. 40.🧭 Is <span> semantic or not semantic? (a) not semantic (b) semantic

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