← Web development final test lesson New set →

Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 393 · 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.📝 How many paragraphs does this code make?
    <p>I love mangoes.</p>
    <p>My best friend</p>
    <p>Cricket is fun.</p>
    <p>Good morning!</p>
    <h2>I love mangoes.</h2>
    <h2>My pets</h2>
  2. 2.True or false: <p> is an empty tag. (a) False (b) True
  3. 3.⚡ What number does this code print?
    let a = 49;
    let b = 18;
    console.log(a - b);
  4. 4.🖌️ Which CSS property sets the letter colour? (a) color (b) font-family (c) text-align (d) font-weight
  5. 5.True or false: <tr> holds the whole table. (a) True (b) False
  6. 6.🔗 Where does this link open?
    <a href="maths.html">Contact us</a>     (a) in the same tab (b) in a new tab
  7. 7.What does text-align do? (a) centres a heading (b) colours behind the text (c) makes letters bigger (d) picks the font style
  8. 8.🔠 How many <h1> headings should a page usually have? (a) 6 (b) 3 (c) 1 (d) 10
  9. 9.📱 min-width: 800px applies when the screen is ___. (a) turned off (b) exactly 100px (c) 800px or wider (d) 800px or narrower
  10. 10.🔤 In “HTML”, what does the L stand for? (a) Link (b) Line (c) Language (d) Laptop
  11. 11.🔍 One closing tag is missing. Which one?
    <h2>Hello, world!</h2>
    <u>The red kite</u>
    <b>Rain today     (a) </u> (b) </b> (c) </h2> (d) </h3>
  12. 12.📊 Are <th> cells shown bold and centred by default? (a) Yes (b) No
  13. 13.📱 What does a media query check? (a) the time of day (b) the screen width (c) the page title (d) the battery level
  14. 14.🚀 Which file should this code go in: <h1>My Site</h1> (a) index.html (b) style.css (c) script.js
  15. 15.True or false: <ul> is an unordered list. (a) True (b) False
  16. 16.📝 On how many lines does the browser show this paragraph?
    <p>Kites fly high<br>Roses are red<br>Birds sing<br>Rivers flow<br>Sky is blue</p>
  17. 17.📝 Which input type lets you tick many? (a) checkbox (b) password (c) submit (d) text
  18. 18.🔁 What number does this code print?
    let total = 0;
    for (let i = 1; i <= 10; i++) {
      total = total + 3;
    }
    console.log(total);
  19. 19.Which of these is an opening tag? (a) <h1> (b) </h1> (c) </li> (d) </p>
  20. 20.💪 Which justify-content value packs boxes at the end? (a) flex-start (b) center (c) flex-end (d) space-between
  21. 21.⚡ Which JavaScript word shows a pop-up box? (a) if (b) alert() (c) let (d) console.log()
  22. 22.True or false: HTML on its own can add pictures to a page. (a) False (b) True
  23. 23.✍️ In color: blue; which part is the property? (a) color (b) ; (c) blue (d) :
  24. 24.📝 At most, how many of these can be chosen at the same time?
    <form>
      <input type="radio" name="colour"> Blue
      <input type="radio" name="colour"> Orange
      <input type="radio" name="colour"> Pink
      <input type="radio" name="colour"> Green
    </form>
  25. 25.📝 On how many lines does the browser show this paragraph?
    <p>Rivers flow<br>Roses are red<br>Sky is blue</p>
  26. 26.🖌️ Which CSS property colours behind the text? (a) text-align (b) color (c) font-weight (d) background-color
  27. 27.📋 How many items does this list show?
    <ol>
      <li>Guava</li>
      <li>Banana</li>
      <li>Mango</li>
      <li>Papaya</li>
    </ol>
  28. 28.🔠 How many headings are in this code?
    <h1>Our school trip</h1>
    <p>Good morning!</p>
    <p>My best friend</p>
    <h3>My best friend</h3>
    <p>The red kite</p>
  29. 29.📝 Which input type takes only numbers? (a) radio (b) submit (c) number (d) password
  30. 30.🌈 In #rrggbb, which colour do the last two digits give? (a) white (b) red (c) green (d) blue
  31. 31.💬 Does the browser show comments on the page? (a) Yes (b) No
  32. 32.💪 How much empty space (px) is before the first box?
    .row {
      display: flex;
      width: 200px;
      justify-content: flex-end;
    }
    Inside are 2 boxes, each 60px wide (no margins).
  33. 33.🔠 Which heading shows the SMALLEST text: <h2>, <h4>, <h1> or <h5>? (a) <h4> (b) <h2> (c) <h1> (d) <h5>
  34. 34.Which of these goes in the body? (a) <title> (b) <table> (c) <link rel="stylesheet"> (d) <meta charset="utf-8">
  35. 35.🌍 Which program shows a web page to us? (a) a music player (b) a calculator (c) a web browser (d) a paint program
  36. 36.🌈 Which colour is #0000ff? (a) blue (b) magenta (c) bright green (d) yellow
  37. 37.🎯 Which element does the selector #hero style? (a) <div id="hero"> (b) <span class="menu"> (c) <div id="top"> (d) <div class="hero">
  38. 38.🌈 Which colour of light is strongest in rgb(211, 140, 128)? (a) blue (b) green (c) red
  39. 39.Which of these goes in the body? (a) <link rel="stylesheet"> (b) <ul> (c) <style> (d) <title>
  40. 40.💬 How many paragraphs show on the page?
    <!-- <p>Hello, world!</p> -->
    <!-- <p>Fun facts</p> -->
    <!-- <p>My pets</p> -->
    <!-- <p>Rain today</p> -->
    <p>The red kite</p>

Answer key

  1. 4
  2. False
  3. 31
  4. color
  5. False
  6. in the same tab
  7. centres a heading
  8. 1
  9. 800px or wider
  10. Language
  11. </b>
  12. Yes
  13. the screen width
  14. index.html
  15. True
  16. 5
  17. checkbox
  18. 30
  19. <h1>
  20. flex-end
  21. alert()
  22. True
  23. color
  24. 1
  25. 3
  26. background-color
  27. 4
  28. 2
  29. number
  30. blue
  31. No
  32. 80
  33. <h5>
  34. <table>
  35. a web browser
  36. blue
  37. <div id="hero">
  38. red
  39. <ul>
  40. 1

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