← Web development final test lesson New set →

Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 648 · 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.What is <input type="radio"> for? (a) sends the form (b) takes only numbers (c) lets you tick many (d) lets you pick only one
  2. 2.🌈 Which hex code is black? (a) #ffffff (b) #0000ff (c) #000000 (d) #00ffff
  3. 3.Which of these has a closing tag? (a) <ul> (b) <input> (c) <hr> (d) <br>
  4. 4.📊 Where do <td> cells go? (a) inside a <tr> (b) inside a <p> (c) inside a <li> (d) inside the <head>
  5. 5.⚖️ What colour is the text of this element?
    <h2 class="star" id="main">Hi</h2>
    CSS:
    h2 { color: red; }
    h2 { color: blue; }     (a) green (b) red (c) white (d) blue
  6. 6.✍️ Which sign ends each CSS declaration? (a) . (b) : (c) ; (d) ,
  7. 7.🔢 To build and share your first web page, what comes right after “plan what to show”? (a) test in a browser (b) publish it online (c) write the HTML (d) add CSS styles
  8. 8.🔢 On a typical page, from top to bottom, what comes right after “<header>”? (a) <main> (b) <footer> (c) <nav>
  9. 9.True or false: JavaScript checks a quiz answer. (a) True (b) False
  10. 10.🔁 How many times does this code print “Welcome”?
    for (let i = 1; i <= 3; i++) {
      console.log("Welcome");
    }
  11. 11.💪 Which justify-content value packs boxes at the start? (a) flex-end (b) space-between (c) center (d) flex-start
  12. 12.🔠 Which tag is the least important heading? (a) <p> (b) <h3> (c) <h6> (d) <h1>
  13. 13.📄 Where does <h1> go: in the head or in the body? (a) in the head (b) in the body
  14. 14.📄 Can HTML on its own keep a high score? (a) No (b) Yes
  15. 15.💬 How many paragraphs show on the page?
    <!-- <p>Rain today</p> -->
    <!-- <p>Good morning!</p> -->
    <p>My best friend</p>
    <!-- <p>Our school trip</p> -->
  16. 16.What does justify-content: flex-end do? (a) packs boxes at the start (b) equal gaps, none at ends (c) packs boxes at the end (d) puts boxes in the middle
  17. 17.📄 Where does <style> go: in the head or in the body? (a) in the head (b) in the body
  18. 18.🔡 Are HTML tag names usually written in small letters? (a) Yes (b) No
  19. 19.🚀 Which file should this code go in: let score = 0; (a) style.css (b) script.js (c) index.html
  20. 20.📄 What does the browser tab show for this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Class 7 Blog</title>
    </head>
    <body>
      <h1>All about me</h1>
      <p>I like to read.</p>
    </body>
    </html>     (a) I like to read. (b) index.html (c) All about me (d) Class 7 Blog
  21. 21.📝 On how many lines does the browser show this paragraph?
    <p>Rivers flow<br>Kites fly high<br>Stars shine<br>Roses are red<br>Sky is blue</p>
  22. 22.💬 How does an HTML comment end? (a) >> (b) */ (c) // (d) -->
  23. 23.True or false: in <img>, alt is read by screen readers. (a) False (b) True
  24. 24.🧭 Who is helped most by semantic tags? (a) only the printer (b) only the server (c) nobody (d) screen-reader users
  25. 25.💪 How much empty space (px) is left after the last box?
    .row {
      display: flex;
      width: 250px;
      justify-content: flex-start;
    }
    Inside are 3 boxes, each 80px wide (no margins).
  26. 26.📝 Which tag holds a whole form? (a) <table> (b) <form> (c) <ol> (d) <input>
  27. 27.🔁 What number does this code print?
    let total = 0;
    for (let i = 1; i <= 4; i++) {
      total = total + i;
    }
    console.log(total);
  28. 28.Which of these is true of a web browser? (a) turns HTML into a page (b) shows line numbers (c) is where we type code (d) answers page requests
  29. 29.Which colour pair is easy to read? (a) black on white (b) pink on red (c) light grey on white (d) red on green
  30. 30.🌐 Which one hosts websites online? (a) a code editor (b) a web browser (c) a web server
  31. 31.True or false: to type a password on http is not safe. (a) False (b) True
  32. 32.📱 What does a media query check? (a) the page title (b) the battery level (c) the time of day (d) the screen width
  33. 33.📦 In the box model, which part is the gap round content? (a) content (b) margin (c) padding (d) border
  34. 34.True or false: “use big enough text” makes the page harder to use. (a) False (b) True
  35. 35.📊 Which tag makes one table row? (a) <tr> (b) <th> (c) <td> (d) <table>
  36. 36.🔠 Which heading shows the BIGGEST text: <h3>, <h5>, <h2> or <h1>? (a) <h3> (b) <h2> (c) <h5> (d) <h1>
  37. 37.📋 Does this list show bullets or numbers?
    <ol>
      <li>Litchi</li>
      <li>Jamun</li>
    </ol>     (a) numbers (b) bullets
  38. 38.🚀 Should file names have spaces, like my page.html? (a) No (b) Yes
  39. 39.🖼️ Which attribute of <img> describes the picture? (a) height (b) width (c) alt (d) src
  40. 40.📋 Does this list show bullets or numbers?
    <ul>
      <li>Grapes</li>
      <li>Papaya</li>
      <li>Guava</li>
    </ul>     (a) bullets (b) numbers

Answer key

  1. lets you pick only one
  2. #000000
  3. <ul>
  4. inside a <tr>
  5. blue
  6. ;
  7. write the HTML
  8. <nav>
  9. True
  10. 3
  11. flex-start
  12. <h6>
  13. in the body
  14. No
  15. 1
  16. packs boxes at the end
  17. in the head
  18. Yes
  19. script.js
  20. Class 7 Blog
  21. 5
  22. -->
  23. True
  24. screen-reader users
  25. 10
  26. <form>
  27. 10
  28. turns HTML into a page
  29. black on white
  30. a web server
  31. True
  32. the screen width
  33. padding
  34. False
  35. <tr>
  36. <h1>
  37. numbers
  38. No
  39. alt
  40. bullets

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