Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 544 · 40 questions

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.

1. 1.🌍 Which one shows the page to you? (a) the browser (b) the URL (c) the server (d) HTTPS
2. 2.📊 In a table, which tag is a row? (a) <tb> (b) <th> (c) <tr> (d) <td>
3. 3.🔗 Which address opens when you click this link?
   <a href="https://example.com">Contact us</a> (a) art.html (b) maths.html (c) https://example.com (d) Contact us
4. 4.True or false: HTML on its own can show paragraphs. (a) False (b) True
5. 5.📊 How many rows does this table have?
   <table>
     <tr><td>Orange</td><td>Grapes</td><td>Guava</td></tr>
     <tr><td>Papaya</td><td>Orange</td><td>Litchi</td></tr>
     <tr><td>Mango</td><td>Banana</td><td>Grapes</td></tr>
   </table>
6. 6.🏷️ Is <p> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
7. 7.🔁 What is the LAST number this code prints?
   for (let i = 0; i < 12; i = i + 2) {
     console.log(i);
   }
8. 8.🔡 Are HTML tag names usually written in small letters? (a) No (b) Yes
9. 9.🌍 What is the domain name in this URL?
   http://www.example.com/news/today.html (a) www.example.com (b) kids.example.org (c) http (d) /news/today.html
10. 10.🏷️ Which is the closing tag for <h3>? (a) <h3/> (b) </h3> (c) <\h3> (d) <h3>
11. 11.True or false: to ask before downloading is not safe. (a) True (b) False
12. 12.📦 In the box model, which part is space outside the border? (a) padding (b) border (c) content (d) margin
13. 13.🎯 What kind of selector is .menu? (a) an element selector (b) a class selector (c) an id selector
14. 14.True or false: <h1> is an empty tag. (a) True (b) False
15. 15.🖼️ Why do we add alt text to an image? (a) to describe the image (b) to load it faster (c) to make it bigger (d) to colour it
16. 16.📝 What does <hr> draw? (a) a line across the page (b) a picture (c) a table (d) a link
17. 17.⚡ Which JavaScript word repeats code? (a) let (b) alert() (c) console.log() (d) for
18. 18.🖌️ What colour are the letters?
    h2 {
      font-size: 20px;
      text-align: left;
      color: black;
      background-color: orange;
    } (a) black (b) green (c) orange
19. 19.🔗 Which tag makes a clickable link? (a) <a> (b) <link> (c) <img> (d) <p>
20. 20.⚡ What number does this code print?
    let apples = 20;
    apples = apples + 5;
    apples = apples - 16;
    console.log(apples);
21. 21.🔁 Which loop repeats code a set number of times? (a) let (b) for (c) if (d) else
22. 22.🔗 Where does this link open?
    <a href="maths.html" target="_blank">Play games</a> (a) in the same tab (b) in a new tab
23. 23.🧭 How many <main> parts should a page have? (a) ten (b) three (c) one (d) none
24. 24.🏷️ Which is the closing tag for <i>? (a) </i> (b) <\i> (c) <i> (d) <i/>
25. 25.📦 How much space across (px) does this box take in all, margin included?
    .box {
      width: 110px;
      padding: 30px;
      border: 5px solid black;
      margin: 10px;
    }
26. 26.📝 At most, how many of these can be chosen at the same time?
    <form>
      <input type="radio" name="colour"> Blue
      <input type="radio" name="colour"> Orange
      <input type="radio" name="colour"> Red
      <input type="radio" name="colour"> Green
    </form>
27. 27.📊 How many rows does this table have?
    <table>
      <tr><td>Grapes</td><td>Guava</td><td>Banana</td><td>Jamun</td></tr>
      <tr><td>Grapes</td><td>Papaya</td><td>Jamun</td><td>Banana</td></tr>
    </table>
28. 28.True or false: HTML sets colours and fonts. (a) False (b) True
29. 29.🌗 Is dark grey on white easy or hard to read? (a) hard to read (b) easy to read
30. 30.📝 Which tag makes a big box for many lines of text? (a) <input> (b) <textarea> (c) <p> (d) <br>
31. 31.📦 How wide (px) is this box from the outer edge of its left border to the outer edge of its right border?
    .box {
      width: 60px;
      padding: 25px;
      border: 2px solid black;
      margin: 5px;
    }
32. 32.Which of these is an opening tag? (a) </body> (b) <b> (c) </p> (d) </li>
33. 33.🔠 How many headings are in this code?
    <h1>Our school trip</h1>
    <p>The red kite</p>
    <h4>The red kite</h4>
    <h2>I love mangoes.</h2>
34. 34.🎯 Which CSS selector matches this element?
    <li class="big" id="top">Hello</li> (a) li (b) #intro (c) div (d) #big
35. 35.🔢 When you open a web page, what comes right after “the browser asks it”? (a) DNS finds the server (b) the server sends files (c) you type the URL (d) the browser shows it
36. 36.📱 min-width: 800px applies when the screen is ___. (a) 800px or narrower (b) exactly 100px (c) 800px or wider (d) turned off
37. 37.⚡ Which JavaScript word makes a new variable? (a) let (b) alert() (c) if (d) for
38. 38.📝 Which tag gives a form box a name you can click? (a) <title> (b) <h1> (c) <hr> (d) <label>
39. 39.Which of these is true of <main>? (a) holds a side box of tips (b) is the page’s key part (c) sits at the very top (d) holds copyright notes
40. 40.True or false: JavaScript makes headings and lists. (a) True (b) False

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