← Web development final test lesson New set →

Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 83 · 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.📄 Can HTML on its own make links to pages? (a) No (b) Yes
  2. 2.📦 In the box model, which part is the line round the box? (a) content (b) border (c) padding (d) margin
  3. 3.🧭 Who is helped most by semantic tags? (a) only the server (b) only the printer (c) nobody (d) screen-reader users
  4. 4.🔠 How many headings are in this code?
    <h1>I love mangoes.</h1>
    <p>Cricket is fun.</p>
    <p>My best friend</p>
  5. 5.🌈 Which hex code is blue? (a) #ffffff (b) #0000ff (c) #ffff00 (d) #00ff00
  6. 6.🔍 One closing tag is missing. Which one?
    <b>Fun facts</b>
    <h1>Rain today
    <i>My best friend</i>     (a) </b> (b) </h1> (c) </i> (d) </strong>
  7. 7.📄 Where does the text of <title> appear? (a) nowhere (b) in a big heading (c) at the bottom (d) on the browser tab
  8. 8.🧭 Why use <nav> instead of <div> for a menu? (a) it makes text red (b) it loads faster (c) it tells its meaning (d) it adds pictures
  9. 9.🌈 Which colour is rgb(0, 255, 0)? (a) cyan (b) magenta (c) white (d) bright green
  10. 10.🔢 On a typical page, from top to bottom, what comes right after “<main>”? (a) <footer> (b) <nav> (c) <header>
  11. 11.🌈 In #rrggbb, which colour do the last two digits give? (a) white (b) green (c) red (d) blue
  12. 12.📊 Where do <td> cells go? (a) inside a <p> (b) inside the <head> (c) inside a <tr> (d) inside a <li>
  13. 13.📱 The screen is 1100px wide. Does the rule inside @media apply?
    p {
      font-size: 12px;
    }
    @media (min-width: 600px) {
      p {
        font-size: 14px;
      }
    }     (a) Yes (b) No
  14. 14.📋 How many items does this list show?
    <ol>
      <li>Litchi</li>
      <li>Guava</li>
    </ol>
  15. 15.🔗 Which words do you click on?
    <a href="https://example.com">Art corner</a>     (a) https://example.com (b) School news (c) href (d) Art corner
  16. 16.📊 In a table, which tag is a row? (a) <tb> (b) <th> (c) <tr> (d) <td>
  17. 17.📋 Which list shows the steps of a recipe best? (a) <ul> (b) <ol> (c) <br> (d) <hr>
  18. 18.🖌️ What colour is behind the letters?
    h1 {
      color: black;
      background-color: blue;
      text-align: left;
      font-size: 24px;
    }     (a) blue (b) red (c) black
  19. 19.💪 How much empty space (px) is left after the last box?
    .row {
      display: flex;
      width: 320px;
      justify-content: flex-start;
    }
    Inside are 4 boxes, each 60px wide (no margins).
  20. 20.🔡 Are HTML tag names usually written in small letters? (a) No (b) Yes
  21. 21.True or false: in <img>, src is read by screen readers. (a) False (b) True
  22. 22.🌗 Is white on dark blue easy or hard to read? (a) hard to read (b) easy to read
  23. 23.⚡ Which JavaScript word writes in the console? (a) alert() (b) if (c) console.log() (d) for
  24. 24.🖌️ Which CSS property centres a heading? (a) font-weight (b) background-color (c) color (d) text-align
  25. 25.📝 How many <input> tags are in this form?
    <form>
      <input type="number">
      <input type="password">
      <input type="email">
      <input type="text">
      <input type="checkbox">
      <input type="submit" value="Send">
    </form>
  26. 26.🔢 To build and share your first web page, what comes right after “plan what to show”? (a) add CSS styles (b) test in a browser (c) write the HTML (d) publish it online
  27. 27.⚡ What does this code show?
    let name = "Zoya";
    alert("Well done, " + name + "!");     (a) name (b) Zoya (c) Well done, name! (d) Well done, Zoya!
  28. 28.🖼️ Which picture file does the browser load?
    <img src="kite.png" alt="A red kite" width="100">     (a) kite.png (b) map.png (c) A red kite (d) cake.jpg
  29. 29.True or false: <li> is an empty tag. (a) True (b) False
  30. 30.🌈 Which colour of light is strongest in rgb(119, 38, 240)? (a) red (b) green (c) blue
  31. 31.🔢 On a typical page, from top to bottom, which comes FIRST? (a) <nav> (b) <main> (c) <header> (d) <footer>
  32. 32.🛡️ A pop-up says you won a prize and asks for your password. What do you do? (a) type the password (b) close it, tell an adult (c) share it with friends (d) click it twice
  33. 33.💬 How many paragraphs show on the page?
    <!-- <p>My best friend</p> -->
    <p>My pets</p>
    <!-- <p>Cricket is fun.</p> -->
  34. 34.🌐 Which one hosts websites online? (a) a web browser (b) a web server (c) a code editor
  35. 35.💬 How many paragraphs show on the page?
    <p>I love mangoes.</p>
    <!-- <p>The red kite</p> -->
    <p>Our school trip</p>
    <!-- <p>Fun facts</p> -->
  36. 36.Which of these is true of <aside>? (a) holds a news story (b) holds copyright notes (c) helps you move around (d) holds a side box of tips
  37. 37.🌈 Which colour is rgb(255, 255, 0)? (a) cyan (b) bright green (c) yellow (d) black
  38. 38.🎯 Which sign starts an id selector? (a) @ (b) . (c) & (d) #
  39. 39.⚖️ Which selector is the weakest? (a) a class selector (b) an id selector (c) an element selector
  40. 40.True or false: to keep passwords secret is safe. (a) True (b) False

Answer key

  1. Yes
  2. border
  3. screen-reader users
  4. 1
  5. #0000ff
  6. </h1>
  7. on the browser tab
  8. it tells its meaning
  9. bright green
  10. <footer>
  11. blue
  12. inside a <tr>
  13. Yes
  14. 2
  15. Art corner
  16. <tr>
  17. <ol>
  18. blue
  19. 80
  20. Yes
  21. False
  22. easy to read
  23. console.log()
  24. text-align
  25. 6
  26. write the HTML
  27. Well done, Zoya!
  28. kite.png
  29. False
  30. blue
  31. <header>
  32. close it, tell an adult
  33. 1
  34. a web server
  35. 2
  36. holds a side box of tips
  37. yellow
  38. #
  39. an element selector
  40. True

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