← Web development final test lesson New set →

Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 422 · 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.✍️ How many declarations (property: value pairs) are in this rule?
    li {
      text-align: center;
      font-size: 20px;
      padding: 8px;
    }
  2. 2.📋 Does this list show bullets or numbers?
    <ol>
      <li>Papaya</li>
      <li>Banana</li>
    </ol>     (a) numbers (b) bullets
  3. 3.True or false: in <img>, height describes the picture. (a) True (b) False
  4. 4.🎯 What kind of selector is .note? (a) an id selector (b) a class selector (c) an element selector
  5. 5.🔍 Which line is missing its closing tag?
    line 1: <strong>Cricket is fun.</strong>
    line 2: <h3>Our school trip</h3>
    line 3: <i>My best friend     (a) line 3 (b) line 2 (c) line 1
  6. 6.📋 Does this list show bullets or numbers?
    <ul>
      <li>Litchi</li>
      <li>Grapes</li>
    </ul>     (a) numbers (b) bullets
  7. 7.🔗 Which address opens when you click this link?
    <a href="news.html">Play games</a>     (a) quiz.html (b) Play games (c) games.html (d) news.html
  8. 8.🔠 Which tag is the least important heading? (a) <h3> (b) <h1> (c) <p> (d) <h6>
  9. 9.🖼️ Which tag puts a picture on a page? (a) <p> (b) <pic> (c) <img> (d) <a>
  10. 10.🛡️ Should you share your password with your best friend? (a) No (b) Yes
  11. 11.🔁 What number does this code print?
    let total = 0;
    for (let i = 1; i <= 8; i++) {
      total = total + 9;
    }
    console.log(total);
  12. 12.🏷️ Which is the closing tag for <p>? (a) <\p> (b) </p> (c) <p> (d) <p/>
  13. 13.📋 Does this list show bullets or numbers?
    <ol>
      <li>Litchi</li>
      <li>Mango</li>
      <li>Orange</li>
    </ol>     (a) numbers (b) bullets
  14. 14.Which of these is true of a web server? (a) colours code to help us (b) turns HTML into a page (c) answers page requests (d) shows pages from the web
  15. 15.🚀 Where in index.html does the link to style.css go? (a) in the head (b) after </html> (c) in the footer (d) inside a <p>
  16. 16.✍️ What value is given to border in this rule?
    .note {
      border: 2px solid;
      margin: 10px;
      background-color: yellow;
      padding: 8px;
    }     (a) 2px solid (b) 300px (c) border (d) italic
  17. 17.Which of these is the border? (a) the text or picture (b) space inside the border (c) the line round the box (d) the gap round content
  18. 18.🌈 Which colour is rgb(0, 0, 255)? (a) magenta (b) yellow (c) blue (d) black
  19. 19.🔢 On a typical page, from top to bottom, what comes right after “<nav>”? (a) <header> (b) <main> (c) <footer>
  20. 20.✍️ How does a CSS comment start? (a) /* (b) # (c) // (d) <!--
  21. 21.True or false: the border is the line round the box. (a) True (b) False
  22. 22.True or false: <header> sits at the very top. (a) False (b) True
  23. 23.📝 What does <hr> draw? (a) a link (b) a picture (c) a table (d) a line across the page
  24. 24.⚖️ What colour is the text of this element?
    <p class="big" id="top">Hi</p>
    CSS:
    p { color: purple; }
    p { color: red; }     (a) white (b) yellow (c) red (d) purple
  25. 25.📄 Which part holds everything you see on the page? (a) the head (b) the body (c) the title (d) the doctype
  26. 26.🧱 HTML gives a web page its ___. (a) speed (b) sound (c) structure (d) colours
  27. 27.🔍 One closing tag is missing. Which one?
    <b>I love mangoes.</b>
    <h3>The red kite</h3>
    <u>My pets     (a) </b> (b) </h3> (c) </strong> (d) </u>
  28. 28.📋 How many items does this list show?
    <ul>
      <li>Mango</li>
      <li>Orange</li>
      <li>Banana</li>
      <li>Papaya</li>
    </ul>
  29. 29.💬 Which text will NOT show on the page?
    <!-- <p>Our school trip</p> -->
    <p>The red kite</p>
    <p>I love mangoes.</p>
    <p>My pets</p>     (a) The red kite (b) My pets (c) Our school trip (d) I love mangoes.
  30. 30.🎯 What kind of selector is #end? (a) an element selector (b) a class selector (c) an id selector
  31. 31.🔠 Which heading shows the BIGGEST text: <h3>, <h6>, <h1> or <h5>? (a) <h5> (b) <h6> (c) <h1> (d) <h3>
  32. 32.True or false: <input type="number"> takes only numbers. (a) False (b) True
  33. 33.💬 Which text will NOT show on the page?
    <!-- <p>Fun facts</p> -->
    <p>Hello, world!</p>
    <p>Our school trip</p>
    <p>Rain today</p>     (a) Rain today (b) Hello, world! (c) Our school trip (d) Fun facts
  34. 34.True or false: to share your OTP is safe. (a) False (b) True
  35. 35.🔗 Where does this link open?
    <a href="games.html">Art corner</a>     (a) in the same tab (b) in a new tab
  36. 36.🔗 Which address opens when you click this link?
    <a href="about.html">Take the quiz</a>     (a) contact.html (b) about.html (c) https://example.com (d) Take the quiz
  37. 37.🏷️ Every HTML tag starts with which sign? (a) [ (b) < (c) { (d) (
  38. 38.📝 Which input type hides what you type? (a) password (b) date (c) email (d) submit
  39. 39.🔠 How many <h1> headings should a page usually have? (a) 6 (b) 3 (c) 10 (d) 1
  40. 40.📝 On how many lines does the browser show this paragraph?
    <p>Rivers flow<br>Roses are red</p>

Answer key

  1. 3
  2. numbers
  3. False
  4. a class selector
  5. line 3
  6. bullets
  7. news.html
  8. <h6>
  9. <img>
  10. No
  11. 72
  12. </p>
  13. numbers
  14. answers page requests
  15. in the head
  16. 2px solid
  17. the line round the box
  18. blue
  19. <main>
  20. /*
  21. True
  22. True
  23. a line across the page
  24. red
  25. the body
  26. structure
  27. </u>
  28. 4
  29. Our school trip
  30. an id selector
  31. <h1>
  32. True
  33. Fun facts
  34. False
  35. in the same tab
  36. about.html
  37. <
  38. password
  39. 1
  40. 2

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