← Web development final test lesson New set →

Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 23 · 40 questions
TalentJR

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.

NameDateTime takenScore ___ / 40
  1. 1.🌍 What is the path in this URL?
    http://kids.example.org/about.html     (a) http (b) kids.example.org (c) /maths/tables.html (d) /about.html
  2. 2.📝 On how many lines does the browser show this paragraph?
    <p>Kites fly high<br>Roses are red<br>Stars shine</p>
  3. 3.📝 Does <b> have a closing tag, or is it an empty tag? (a) has a closing tag (b) an empty tag
  4. 4.🔁 How many numbers does this code print?
    for (let i = 0; i < 7; i = i + 3) {
      console.log(i);
    }
  5. 5.📊 How many rows does this table have?
    <table>
      <tr><td>Guava</td><td>Grapes</td><td>Banana</td><td>Papaya</td></tr>
      <tr><td>Mango</td><td>Papaya</td><td>Mango</td><td>Mango</td></tr>
    </table>
  6. 6.🖼️ How many pixels wide is the picture drawn?
    <img src="kite.png" alt="A red kite" width="150">
  7. 7.🔍 Which is the odd one out? (a) changes the page live (b) adds space around boxes (c) counts down a timer (d) checks a quiz answer
  8. 8.✍️ Which property is set to 20px in this rule?
    h1 {
      font-size: 20px;
      text-align: center;
    }     (a) background-color (b) 20px (c) text-align (d) font-size
  9. 9.🌍 What is the protocol in this URL?
    https://learn.example.com/games/chess.html     (a) learn.example.com (b) http (c) /games/chess.html (d) https
  10. 10.📋 Which list shows the steps of a recipe best? (a) <br> (b) <hr> (c) <ul> (d) <ol>
  11. 11.True or false: the URL is the page’s address. (a) False (b) True
  12. 12.Which of these goes in the body? (a) <h1> (b) <meta charset="utf-8"> (c) <link rel="stylesheet"> (d) <title>
  13. 13.✍️ Which property is set to center in this rule?
    h1 {
      text-align: center;
      font-weight: bold;
      margin: 10px;
    }     (a) background-color (b) center (c) margin (d) text-align
  14. 14.🔠 How many <h1> headings should a page usually have? (a) 10 (b) 3 (c) 6 (d) 1
  15. 15.📊 Where do <td> cells go? (a) inside a <li> (b) inside a <p> (c) inside the <head> (d) inside a <tr>
  16. 16.✍️ Which sign ends each CSS declaration? (a) : (b) . (c) ; (d) ,
  17. 17.🔠 Which heading shows the SMALLEST text: <h4>, <h1>, <h6> or <h3>? (a) <h3> (b) <h1> (c) <h4> (d) <h6>
  18. 18.🛡️ Online: is it safe to meet an online stranger? (a) not safe (b) safe
  19. 19.Which of these goes in the body? (a) <link rel="stylesheet"> (b) <meta charset="utf-8"> (c) <img> (d) <style>
  20. 20.True or false: <ol> lists steps in order. (a) True (b) False
  21. 21.💬 Does the browser show comments on the page? (a) Yes (b) No
  22. 22.Which of these is true of <aside>? (a) holds a news story (b) holds the menu of links (c) holds extra side notes (d) holds the main content
  23. 23.Which of these does JavaScript do? (a) lays out the page (b) checks a quiz answer (c) makes a link (d) changes the text size
  24. 24.🧭 Which semantic tag sits at the bottom? (a) <footer> (b) <nav> (c) <article> (d) <header>
  25. 25.⚡ Which JavaScript word shows a pop-up box? (a) console.log() (b) if (c) let (d) alert()
  26. 26.⚡ What number does this code print?
    let runs = 9;
    runs = runs + 2;
    runs = runs - 10;
    console.log(runs);
  27. 27.🔁 How many times does this code print “Hi”?
    for (let i = 3; i <= 7; i++) {
      console.log("Hi");
    }
  28. 28.🖌️ Which CSS property sets the letter colour? (a) font-family (b) text-align (c) background-color (d) color
  29. 29.📱 The screen is 1366px wide. Does the rule inside @media apply?
    p {
      font-size: 20px;
    }
    @media (max-width: 600px) {
      p {
        font-size: 14px;
      }
    }     (a) Yes (b) No
  30. 30.🔍 One closing tag is missing. Which one?
    <u>Rain today</u>
    <h1>Fun facts
    <h2>The red kite</h2>     (a) </u> (b) </h2> (c) </p> (d) </h1>
  31. 31.📄 Where does the text of <title> appear? (a) on the browser tab (b) in a big heading (c) nowhere (d) at the bottom
  32. 32.True or false: <li> is an ordered list. (a) True (b) False
  33. 33.📱 The screen is 320px wide. Does the rule inside @media apply?
    p {
      font-size: 12px;
    }
    @media (max-width: 480px) {
      p {
        font-size: 10px;
      }
    }     (a) No (b) Yes
  34. 34.📝 Which input type is for an email address? (a) email (b) text (c) number (d) checkbox
  35. 35.🔍 Which is the odd one out? (a) answers page requests (b) opens web pages for us (c) hosts websites online (d) stores a website’s files
  36. 36.🏷️ Is </body> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
  37. 37.🌐 Which one opens web pages for us? (a) a web browser (b) a web server (c) a code editor
  38. 38.Which of these is a closing tag? (a) <p> (b) </h1> (c) <h1> (d) <li>
  39. 39.⚡ Which JavaScript word writes in the console? (a) console.log() (b) if (c) for (d) let
  40. 40.📊 In a table, which tag is a row? (a) <tb> (b) <tr> (c) <td> (d) <th>

Answer key

  1. /about.html
  2. 3
  3. has a closing tag
  4. 3
  5. 2
  6. 150
  7. adds space around boxes
  8. font-size
  9. https
  10. <ol>
  11. True
  12. <h1>
  13. text-align
  14. 1
  15. inside a <tr>
  16. ;
  17. <h6>
  18. not safe
  19. <img>
  20. True
  21. No
  22. holds extra side notes
  23. checks a quiz answer
  24. <footer>
  25. alert()
  26. 1
  27. 5
  28. color
  29. No
  30. </h1>
  31. on the browser tab
  32. False
  33. Yes
  34. email
  35. opens web pages for us
  36. a closing tag
  37. a web browser
  38. </h1>
  39. console.log()
  40. <tr>

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