← Web development final test lesson New set →

Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 685 · 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.🛡️ Online: is it safe to download from pop-ups? (a) safe (b) not safe
  2. 2.What does font-size do? (a) colours behind the text (b) makes letters bigger (c) centres a heading (d) makes the text bold
  3. 3.🌍 What is the path in this URL?
    https://kids.example.org/news/today.html     (a) https (b) /games/chess.html (c) kids.example.org (d) /news/today.html
  4. 4.🌍 Which one sends the page back? (a) the URL (b) HTTPS (c) the server (d) the browser
  5. 5.📝 How many <input> tags are in this form?
    <form>
      <input type="date">
      <input type="number">
      <input type="checkbox">
      <input type="text">
      <input type="password">
      <input type="submit" value="Send">
    </form>
  6. 6.📝 Does <hr> have a closing tag, or is it an empty tag? (a) an empty tag (b) has a closing tag
  7. 7.True or false: in <img>, alt names the picture file. (a) False (b) True
  8. 8.🎯 Which CSS selector matches this element?
    <li class="box" id="top">Hello</li>     (a) div (b) li (c) #box (d) .star
  9. 9.🔁 What is the LAST number this code prints?
    for (let i = 0; i < 10; i = i + 2) {
      console.log(i);
    }
  10. 10.🔁 What does i++ do? (a) adds 1 to i (b) prints i (c) doubles i (d) takes 1 from i
  11. 11.True or false: in <img>, alt describes the picture. (a) True (b) False
  12. 12.Which of these is not safe to do online? (a) ask before downloading (b) share your password (c) check for https first (d) think before you post
  13. 13.🔗 Which words do you click on?
    <a href="news.html">About us</a>     (a) About us (b) news.html (c) Contact us (d) href
  14. 14.🖌️ Where does the text sit on its line?
    h1 {
      text-align: right;
      font-size: 32px;
      background-color: yellow;
      color: orange;
    }     (a) on the left (b) in the middle (c) on the right
  15. 15.🔢 On a typical page, from top to bottom, which comes FIRST? (a) <header> (b) <main> (c) <nav> (d) <footer>
  16. 16.🧩 Which language reacts to a button click? (a) HTML (b) CSS (c) JavaScript
  17. 17.🔗 Where does this link open?
    <a href="maths.html">Play games</a>     (a) in the same tab (b) in a new tab
  18. 18.🚀 Which file should this code go in: alert(score); (a) script.js (b) style.css (c) index.html
  19. 19.📊 Where do <td> cells go? (a) inside a <li> (b) inside a <tr> (c) inside the <head> (d) inside a <p>
  20. 20.🔢 When you open a web page, which comes FIRST? (a) the browser shows it (b) DNS finds the server (c) the browser asks it (d) you type the URL
  21. 21.🧭 Is <article> semantic or not semantic? (a) not semantic (b) semantic
  22. 22.⚡ What number does this code print?
    let score = 30;
    score = score + 6;
    score = score - 33;
    console.log(score);
  23. 23.Which of these is a strong password? (a) qwerty (b) Rain#Drop_42! (c) abcd1234 (d) password
  24. 24.💪 Which flexbox property turns on flexbox? (a) display: flex (b) flex-direction (c) justify-content (d) align-items
  25. 25.⚖️ What colour is the text of this element?
    <h1 class="star" id="intro">Hi</h1>
    CSS:
    #intro { color: purple; }
    .star { color: green; }     (a) blue (b) green (c) red (d) purple
  26. 26.📋 Does this list show bullets or numbers?
    <ul>
      <li>Litchi</li>
      <li>Jamun</li>
    </ul>     (a) numbers (b) bullets
  27. 27.Which of these goes in the head? (a) <p> (b) <a> (c) <title> (d) <ul>
  28. 28.⚡ What does alert() show? (a) a new tab (b) a table (c) a pop-up box (d) a picture
  29. 29.True or false: a web browser answers page requests. (a) False (b) True
  30. 30.✍️ In color: blue; which part is the value? (a) color (b) : (c) ; (d) blue
  31. 31.💬 Does the browser show comments on the page? (a) Yes (b) No
  32. 32.📝 Which input type takes only numbers? (a) email (b) checkbox (c) text (d) number
  33. 33.True or false: the content is the gap round content. (a) False (b) True
  34. 34.📱 Which tag helps phones show a page at the right size? (a) the viewport meta tag (b) the title tag (c) the hr tag (d) the br tag
  35. 35.🧩 Which language changes the page live? (a) CSS (b) JavaScript (c) HTML
  36. 36.🔍 Which line is missing its closing tag?
    line 1: <p>I love mangoes.
    line 2: <h1>Fun facts</h1>
    line 3: <em>Cricket is fun.</em>     (a) line 1 (b) line 3 (c) line 2
  37. 37.🔗 What does target="_blank" do to a link? (a) makes it bold (b) makes it blank (c) opens it in a new tab (d) hides the link
  38. 38.Which of these goes in the head? (a) <p> (b) <a> (c) <img> (d) <link rel="stylesheet">
  39. 39.🖼️ Which attribute of <img> shows if the image fails? (a) width (b) src (c) height (d) alt
  40. 40.Which of these is true of a web server? (a) has an address bar (b) shows line numbers (c) shows pages from the web (d) stores a website’s files

Answer key

  1. not safe
  2. makes letters bigger
  3. /news/today.html
  4. the server
  5. 6
  6. an empty tag
  7. False
  8. li
  9. 8
  10. adds 1 to i
  11. True
  12. share your password
  13. About us
  14. on the right
  15. <header>
  16. JavaScript
  17. in the same tab
  18. script.js
  19. inside a <tr>
  20. you type the URL
  21. semantic
  22. 3
  23. Rain#Drop_42!
  24. display: flex
  25. purple
  26. bullets
  27. <title>
  28. a pop-up box
  29. False
  30. blue
  31. No
  32. number
  33. False
  34. the viewport meta tag
  35. JavaScript
  36. line 1
  37. opens it in a new tab
  38. <link rel="stylesheet">
  39. alt
  40. stores a website’s files

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