← Web development final test lesson New set →

Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 973 · 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 list tag shows 1, 2, 3 numbers? (a) <ol> (b) <ul> (c) <li>
  2. 2.🌍 What finds the server for a domain name like example.com? (a) DNS (b) CSS (c) HTML (d) alt
  3. 3.Which of these is true of a web browser? (a) colours code to help us (b) answers page requests (c) turns HTML into a page (d) saves our .html files
  4. 4.📋 Which list shows the steps of a recipe best? (a) <ul> (b) <ol> (c) <hr> (d) <br>
  5. 5.True or false: a code editor opens web pages for us. (a) False (b) True
  6. 6.🖼️ How many pixels wide is the picture drawn?
    <img src="fort.jpg" alt="An old fort" width="100">
  7. 7.True or false: <img src="cat.png"> goes in script.js. (a) False (b) True
  8. 8.💬 How many paragraphs show on the page?
    <p>Cricket is fun.</p>
    <p>The red kite</p>
    <!-- <p>Hello, world!</p> -->
    <p>My best friend</p>
    <p>My pets</p>
  9. 9.🔍 One closing tag is missing. Which one?
    <u>My best friend</u>
    <h3>Hello, world!
    <i>Rain today</i>
    (a) </small> (b) </i> (c) </u> (d) </h3>
  10. 10.🌍 What do we call the computer that stores a website? (a) a keyboard (b) a mouse (c) a server (d) a printer
  11. 11.Which of these is safe to do online? (a) log out on shared PCs (b) share your OTP (c) download from pop-ups (d) share your password
  12. 12.🌈 Which hex code is red? (a) #ffffff (b) #000000 (c) #ff0000 (d) #ff00ff
  13. 13.💬 Does the browser show comments on the page? (a) No (b) Yes
  14. 14.🛡️ Online: is it safe to think before you post? (a) safe (b) not safe
  15. 15.🚀 Which tag loads script.js into a page? (a) <link script.js> (b) <a href="script.js"> (c) <js src="script.js"> (d) <script src="script.js">
  16. 16.📊 How many cells are in each row?
    <table>
      <tr><th>Name</th><th>Fruit</th><th>Price</th><th>Day</th></tr>
      <tr><td>Jamun</td><td>Grapes</td><td>Jamun</td><td>Grapes</td></tr>
    </table>
  17. 17.True or false: <b> has a closing tag. (a) True (b) False
  18. 18.📱 Responsive design means a page ___. (a) never changes (b) is only for laptops (c) fits every screen (d) has no pictures
  19. 19.🔠 Which heading shows the BIGGEST text: <h5>, <h3>, <h2> or <h6>? (a) <h6> (b) <h3> (c) <h2> (d) <h5>
  20. 20.✍️ How many declarations (property: value pairs) are in this rule?
    .box {
      font-weight: bold;
    }
  21. 21.🖌️ What colour is behind the letters?
    h2 {
      background-color: orange;
      text-align: right;
      font-size: 16px;
      color: yellow;
    }
    (a) black (b) yellow (c) orange
  22. 22.💬 Which text will NOT show on the page?
    <p>I love mangoes.</p>
    <p>Our school trip</p>
    <p>Rain today</p>
    <!-- <p>The red kite</p> -->
    (a) Rain today (b) Our school trip (c) I love mangoes. (d) The red kite
  23. 23.🔗 Where does this link open?
    <a href="contact.html" target="_blank">Maths fun</a>
    (a) in a new tab (b) in the same tab
  24. 24.📝 How many paragraphs does this code make?
    <p>Fun facts</p>
    <h2>I love mangoes.</h2>
    <p>Hello, world!</p>
    <p>Good morning!</p>
  25. 25.🔡 Are HTML tag names usually written in small letters? (a) Yes (b) No
  26. 26.True or false: <input type="email"> picks a day. (a) False (b) True
  27. 27.True or false: <h1>My Site</h1> goes in script.js. (a) True (b) False
  28. 28.🌗 Is white on dark blue easy or hard to read? (a) easy to read (b) hard to read
  29. 29.💬 Which text will NOT show on the page?
    <!-- <p>Hello, world!</p> -->
    <p>I love mangoes.</p>
    <p>Our school trip</p>
    (a) I love mangoes. (b) Our school trip (c) Hello, world!
  30. 30.🖼️ How many pixels wide is the picture drawn?
    <img src="tiger.jpg" alt="A tiger asleep" width="100">
  31. 31.🖼️ Which attribute of <img> names the picture file? (a) src (b) alt (c) height (d) width
  32. 32.True or false: HTML on its own cannot make tables. (a) False (b) True
  33. 33.🔍 One closing tag is missing. Which one?
    <em>My pets
    <small>Our school trip</small>
    <h2>Rain today</h2>
    (a) </h3> (b) </em> (c) </small> (d) </h2>
  34. 34.🚀 Where in index.html does the link to style.css go? (a) in the footer (b) inside a <p> (c) in the head (d) after </html>
  35. 35.🔠 Which tag is used for the main title on a page? (a) <p> (b) <h1> (c) <h6> (d) <br>
  36. 36.🔗 Which words do you click on?
    <a href="https://example.com">About us</a>
    (a) Contact us (b) https://example.com (c) href (d) About us
  37. 37.📋 Which list suits a shopping list in any order? (a) <br> (b) <ul> (c) <hr> (d) <ol>
  38. 38.⚖️ What colour is the text of this element?
    <h2 class="note" id="end">Hi</h2>
    CSS:
    #end { color: purple; }
    #end { color: orange; }
    (a) red (b) purple (c) black (d) orange
  39. 39.🔗 Which address opens when you click this link?
    <a href="maths.html">Contact us</a>
    (a) art.html (b) Contact us (c) maths.html (d) news.html
  40. 40.✍️ What value is given to border in this rule?
    li {
      width: 300px;
      border: 2px solid;
    }
    (a) italic (b) 2px solid (c) border (d) 300px

Answer key

  1. <ol>
  2. DNS
  3. turns HTML into a page
  4. <ol>
  5. False
  6. 100
  7. False
  8. 4
  9. </h3>
  10. a server
  11. log out on shared PCs
  12. #ff0000
  13. No
  14. safe
  15. <script src="script.js">
  16. 4
  17. True
  18. fits every screen
  19. <h2>
  20. 1
  21. orange
  22. The red kite
  23. in a new tab
  24. 3
  25. Yes
  26. False
  27. False
  28. easy to read
  29. Hello, world!
  30. 100
  31. src
  32. False
  33. </em>
  34. in the head
  35. <h1>
  36. About us
  37. <ul>
  38. orange
  39. maths.html
  40. 2px solid

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