← Web development final test lesson New set →

Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 533 · 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.🔍 Which is the odd one out? (a) turns HTML into a page (b) has an address bar (c) stores a website’s files (d) opens web pages for us
  2. 2.🌈 Which colour is rgb(255, 255, 255)? (a) white (b) bright green (c) yellow (d) cyan
  3. 3.True or false: <input type="email"> is for an email address. (a) True (b) False
  4. 4.🔁 Which word runs code only when something is true? (a) if (b) log (c) for (d) let
  5. 5.🛡️ Before typing a password on a site, check the address starts with ___. (a) ftp (b) https (c) www (d) http
  6. 6.🧩 Which language rounds box corners? (a) HTML (b) CSS (c) JavaScript
  7. 7.🔍 Which line is missing its closing tag?
    line 1: <i>I love mangoes.</i>
    line 2: <b>Fun facts
    line 3: <strong>Cricket is fun.</strong>     (a) line 1 (b) line 3 (c) line 2
  8. 8.🚀 Which file is best for the colours and fonts? (a) style.css (b) photo.jpg (c) index.html (d) script.js
  9. 9.✍️ In color: blue; which part is the value? (a) color (b) blue (c) : (d) ;
  10. 10.True or false: <meta> has a closing tag. (a) True (b) False
  11. 11.What does font-size do? (a) makes letters bigger (b) makes the text bold (c) colours behind the text (d) centres a heading
  12. 12.🖌️ Which CSS property sets the letter colour? (a) font-weight (b) font-family (c) text-align (d) color
  13. 13.📱 The screen is 540px wide. What font-size (px) does the paragraph get?
    p {
      font-size: 24px;
    }
    @media (min-width: 768px) {
      p {
        font-size: 32px;
      }
    }
  14. 14.True or false: <a> goes in the body. (a) True (b) False
  15. 15.⚡ What number does this code print?
    let a = 5;
    let b = 7;
    console.log(a * b);
  16. 16.Which of these is true of a web server? (a) saves our .html files (b) stores a website’s files (c) opens web pages for us (d) shows pages from the web
  17. 17.🔠 Which heading shows the BIGGEST text: <h5>, <h1>, <h4> or <h6>? (a) <h1> (b) <h6> (c) <h4> (d) <h5>
  18. 18.💬 How does an HTML comment end? (a) --> (b) */ (c) // (d) >>
  19. 19.🌍 Which one sends the page back? (a) the browser (b) the server (c) HTTPS (d) the URL
  20. 20.True or false: #logo is an id selector. (a) False (b) True
  21. 21.True or false: <li> has a closing tag. (a) False (b) True
  22. 22.True or false: p is an element selector. (a) False (b) True
  23. 23.📝 What does <br> do? (a) makes text bold (b) makes a list (c) starts a new line (d) adds a picture
  24. 24.Which of these is an empty tag? (a) <h1> (b) <b> (c) <input> (d) <title>
  25. 25.📝 Which tag gives a form box a name you can click? (a) <label> (b) <h1> (c) <title> (d) <hr>
  26. 26.⚖️ Two rules with the same selector set a colour. Which one wins? (a) neither (b) the first one (c) the shorter one (d) the later one
  27. 27.✍️ How many declarations (property: value pairs) are in this rule?
    .box {
      font-weight: bold;
      padding: 8px;
      text-align: center;
      color: red;
    }
  28. 28.🚀 Which file should this code go in: <ul><li>Art</li></ul> (a) index.html (b) script.js (c) style.css
  29. 29.🌍 What does a web address (URL) tell the browser? (a) how old you are (b) where the page is (c) the page colour (d) your password
  30. 30.🌍 Which one scrambles data on its way? (a) the browser (b) HTTPS (c) the server (d) the URL
  31. 31.📦 How much space across (px) does this box take in all, margin included?
    .box {
      width: 250px;
      padding: 5px;
      border: 4px solid black;
      margin: 10px;
    }
  32. 32.🔒 What does the lock (HTTPS) in the address bar mean? (a) the site is fast (b) the site is a game (c) the data is scrambled (d) the site is free
  33. 33.💬 How many paragraphs show on the page?
    <!-- <p>The red kite</p> -->
    <p>Cricket is fun.</p>
    <!-- <p>My pets</p> -->
    <p>Rain today</p>
  34. 34.⚡ What does this code print? (Look at the quotes!)
    let x = "3";
    let y = 8;
    console.log(x + y);     (a) 11 (b) 38 (c) Error
  35. 35.🌐 Which one sends pages over the net? (a) a web server (b) a code editor (c) a web browser
  36. 36.⚡ Which JavaScript word writes in the console? (a) if (b) console.log() (c) alert() (d) for
  37. 37.Which colour pair is easy to read? (a) white on black (b) light grey on white (c) yellow on white (d) red on green
  38. 38.🔠 Which heading shows the SMALLEST text: <h4>, <h5>, <h1> or <h6>? (a) <h4> (b) <h5> (c) <h1> (d) <h6>
  39. 39.True or false: let score = 0; goes in script.js. (a) False (b) True
  40. 40.🔗 Where does this link open?
    <a href="https://example.com">Take the quiz</a>     (a) in a new tab (b) in the same tab

Answer key

  1. stores a website’s files
  2. white
  3. True
  4. if
  5. https
  6. CSS
  7. line 2
  8. style.css
  9. blue
  10. False
  11. makes letters bigger
  12. color
  13. 24
  14. True
  15. 35
  16. stores a website’s files
  17. <h1>
  18. -->
  19. the server
  20. True
  21. True
  22. True
  23. starts a new line
  24. <input>
  25. <label>
  26. the later one
  27. 4
  28. index.html
  29. where the page is
  30. HTTPS
  31. 288
  32. the data is scrambled
  33. 2
  34. 38
  35. a web server
  36. console.log()
  37. white on black
  38. <h6>
  39. True
  40. in the same tab

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