← Web development final test lesson New set →

Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 351 · 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.💬 Does the browser show comments on the page? (a) No (b) Yes
  2. 2.🌈 Which colour is #00ffff? (a) blue (b) cyan (c) red (d) magenta
  3. 3.⚖️ What colour is the text of this element?
    <h1 class="red" id="end">Hi</h1>
    CSS:
    h1 { color: red; }
    h1 { color: blue; }     (a) purple (b) blue (c) red (d) orange
  4. 4.📄 What is the big heading shown on this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Space Facts</title>
    </head>
    <body>
      <h1>All about me</h1>
      <p>Here is my best one.</p>
    </body>
    </html>     (a) Space Facts (b) All about me (c) Here is my best one. (d) body
  5. 5.🔍 Which is the odd one out? (a) has an address bar (b) opens web pages for us (c) shows pages from the web (d) saves our .html files
  6. 6.🏷️ Is <li> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
  7. 7.Which colour pair is easy to read? (a) light grey on white (b) red on green (c) black on white (d) yellow on white
  8. 8.✍️ How many declarations (property: value pairs) are in this rule?
    p {
      color: red;
      text-align: center;
      font-style: italic;
    }
  9. 9.💬 How many paragraphs show on the page?
    <!-- <p>My best friend</p> -->
    <!-- <p>Cricket is fun.</p> -->
    <!-- <p>Fun facts</p> -->
    <p>Hello, world!</p>
  10. 10.Which colour pair is easy to read? (a) pink on red (b) dark grey on white (c) light grey on white (d) yellow on white
  11. 11.🎯 What kind of selector is body? (a) an id selector (b) a class selector (c) an element selector
  12. 12.⚡ What does this code show?
    let name = "Arjun";
    console.log("Well done, " + name + "!");     (a) Well done, Arjun! (b) Arjun (c) Well done, name! (d) name
  13. 13.📦 In the box model, which part is the line round the box? (a) padding (b) content (c) margin (d) border
  14. 14.🔐 Is 123456 a strong or a weak password? (a) strong (b) weak
  15. 15.🔒 Is the connection to this address scrambled (encrypted)?
    https://kids.example.org/about.html     (a) Yes (b) No
  16. 16.🔁 What does this code print?
    let temp = 25;
    if (temp >= 14) {
      console.log("Hot");
    } else {
      console.log("Cool");
    }     (a) Cool (b) Hot
  17. 17.🔗 Where does this link open?
    <a href="news.html" target="_blank">Play games</a>     (a) in a new tab (b) in the same tab
  18. 18.True or false: <li> is an ordered list. (a) True (b) False
  19. 19.🌗 Is blue on purple easy or hard to read? (a) hard to read (b) easy to read
  20. 20.🔠 Which heading shows the SMALLEST text: <h2>, <h1>, <h5> or <h4>? (a) <h1> (b) <h4> (c) <h2> (d) <h5>
  21. 21.🔒 Is the connection to this address scrambled (encrypted)?
    https://school.example.in/index.html     (a) Yes (b) No
  22. 22.✍️ In color: blue; which part is the property? (a) color (b) blue (c) : (d) ;
  23. 23.Which of these is an empty tag? (a) <p> (b) <meta> (c) <title> (d) <b>
  24. 24.⚖️ Which selector is the strongest? (a) a class selector (b) an id selector (c) an element selector
  25. 25.Which of these has a closing tag? (a) <br> (b) <li> (c) <meta> (d) <hr>
  26. 26.🔍 Which is the odd one out? (a) opens web pages for us (b) turns HTML into a page (c) stores a website’s files (d) shows pages from the web
  27. 27.📄 Can HTML on its own show paragraphs? (a) Yes (b) No
  28. 28.🎨 Which attribute adds CSS inside one tag? (a) href (b) alt (c) src (d) style
  29. 29.🧩 Which language checks a quiz answer? (a) JavaScript (b) HTML (c) CSS
  30. 30.💪 Which justify-content value packs boxes at the end? (a) space-between (b) flex-end (c) flex-start (d) center
  31. 31.📱 What does a media query check? (a) the battery level (b) the page title (c) the screen width (d) the time of day
  32. 32.📋 Does this list show bullets or numbers?
    <ul>
      <li>Jamun</li>
      <li>Mango</li>
      <li>Guava</li>
    </ul>     (a) numbers (b) bullets
  33. 33.🔢 In a basic web page file, which comes LAST? (a) </html> (b) <body> (c) <html> (d) </body>
  34. 34.🏷️ HTML marks up text using ___. (a) tags (b) keys (c) wires (d) pixels
  35. 35.🚀 Which file is best for the colours and fonts? (a) style.css (b) photo.jpg (c) script.js (d) index.html
  36. 36.True or false: in <img>, src tells which image to load. (a) True (b) False
  37. 37.🎯 Which element does the selector p style? (a) <li id="end"> (b) <p class="red"> (c) <h1> (d) <h2 class="red">
  38. 38.True or false: alert(score); goes in script.js. (a) False (b) True
  39. 39.📝 On how many lines does the browser show this paragraph?
    <p>Roses are red<br>Sky is blue<br>Kites fly high<br>Birds sing<br>Rivers flow</p>
  40. 40.🌍 What is the path in this URL?
    http://kids.example.org/games/chess.html     (a) http (b) /about.html (c) kids.example.org (d) /games/chess.html

Answer key

  1. No
  2. cyan
  3. blue
  4. All about me
  5. saves our .html files
  6. an opening tag
  7. black on white
  8. 3
  9. 1
  10. dark grey on white
  11. an element selector
  12. Well done, Arjun!
  13. border
  14. weak
  15. Yes
  16. Hot
  17. in a new tab
  18. False
  19. hard to read
  20. <h5>
  21. Yes
  22. color
  23. <meta>
  24. an id selector
  25. <li>
  26. stores a website’s files
  27. Yes
  28. style
  29. JavaScript
  30. flex-end
  31. the screen width
  32. bullets
  33. </html>
  34. tags
  35. style.css
  36. True
  37. <p class="red">
  38. True
  39. 5
  40. /games/chess.html

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