Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 730 · 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 of these is true of a web browser? (a) is where we type code (b) stores a website’s files (c) saves our .html files (d) has an address bar
2. 2.💬 Which text will NOT show on the page?
   <p>Fun facts</p>
   <!-- <p>My best friend</p> -->
   <p>Our school trip</p> (a) Fun facts (b) Our school trip (c) My best friend
3. 3.🔢 When you open a web page, what comes right after “the browser asks it”? (a) you type the URL (b) the browser shows it (c) DNS finds the server (d) the server sends files
4. 4.🔗 Where does this link open?
   <a href="games.html" target="_blank">Visit the site</a> (a) in the same tab (b) in a new tab
5. 5.🌈 In #0000a0 the blue part is the hex number a0. What is it as a normal number?
6. 6.True or false: console.log(5 + 2); goes in script.js. (a) False (b) True
7. 7.🔢 On a typical page, from top to bottom, which comes first: “<footer>” or “<nav>”? (a) <footer> (b) <nav>
8. 8.True or false: <ul> lists things in any order. (a) False (b) True
9. 9.📊 How many heading cells (<th>) does this table have?
   <table>
     <tr><th>Name</th><th>Fruit</th><th>Price</th><th>Day</th></tr>
     <tr><td>Grapes</td><td>Grapes</td><td>Jamun</td><td>Guava</td></tr>
     <tr><td>Grapes</td><td>Jamun</td><td>Guava</td><td>Banana</td></tr>
   </table>
10. 10.📦 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: 10px;
      border: 1px solid black;
      margin: 5px;
    }
11. 11.📋 Which tag goes around each item of a list? (a) <p> (b) <ul> (c) <li> (d) <ol>
12. 12.Which of these goes in the head? (a) <link rel="stylesheet"> (b) <p> (c) <ul> (d) <h1>
13. 13.🧭 Who is helped most by semantic tags? (a) screen-reader users (b) nobody (c) only the server (d) only the printer
14. 14.🎯 Which CSS selector matches this element?
    <span class="star" id="main">Hello</span> (a) p (b) span (c) .main (d) #star
15. 15.True or false: <header> is the page’s key part. (a) True (b) False
16. 16.♿ What does good colour contrast mean? (a) no colours at all (b) many bright colours (c) only red text (d) text stands out clearly
17. 17.✍️ How many declarations (property: value pairs) are in this rule?
    .box {
      padding: 8px;
    }
18. 18.📄 Can HTML on its own add up two numbers? (a) Yes (b) No
19. 19.True or false: <img src="cat.png"> goes in index.html. (a) True (b) False
20. 20.Which colour pair is easy to read? (a) light grey on white (b) yellow on white (c) black on white (d) blue on purple
21. 21.🔍 One closing tag is missing. Which one?
    <strong>Hello, world!
    <b>Our school trip</b>
    <p>Cricket is fun.</p> (a) </i> (b) </p> (c) </b> (d) </strong>
22. 22.True or false: the content is the text or picture. (a) False (b) True
23. 23.🌈 How many pairs of hex digits are in a colour like #ff8800? (a) 6 (b) 4 (c) 3 (d) 2
24. 24.🌍 What is the protocol in this URL?
    http://kids.example.org/art/gallery.html (a) kids.example.org (b) /art/gallery.html (c) http (d) https
25. 25.🎨 Which tag connects an outside CSS file? (a) <css> (b) <link> (c) <img> (d) <a>
26. 26.💬 How many paragraphs show on the page?
    <!-- <p>My best friend</p> -->
    <!-- <p>Fun facts</p> -->
    <!-- <p>I love mangoes.</p> -->
    <!-- <p>The red kite</p> -->
    <p>Cricket is fun.</p>
27. 27.What does font-family do? (a) picks the font style (b) sets the letter colour (c) makes letters bigger (d) makes the text bold
28. 28.🔗 Where does this link open?
    <a href="games.html">School news</a> (a) in the same tab (b) in a new tab
29. 29.🖼️ Which attribute of <img> is read by screen readers? (a) width (b) src (c) height (d) alt
30. 30.🌈 What is the biggest number one colour can have in rgb()? (a) 100 (b) 99 (c) 255 (d) 1000
31. 31.🔁 What number does this code print?
    let total = 0;
    for (let i = 1; i <= 3; i++) {
      total = total + i;
    }
    console.log(total);
32. 32.📋 Does this list show bullets or numbers?
    <ul>
      <li>Orange</li>
      <li>Grapes</li>
      <li>Jamun</li>
    </ul> (a) numbers (b) bullets
33. 33.📝 Which tag gives a form box a name you can click? (a) <label> (b) <h1> (c) <title> (d) <hr>
34. 34.📋 What number does the browser show next to “Orange”?
    <ol>
      <li>Grapes</li>
      <li>Guava</li>
      <li>Orange</li>
      <li>Jamun</li>
      <li>Papaya</li>
    </ol>
35. 35.Which of these is true of <header>? (a) helps you move around (b) holds copyright notes (c) holds the logo and title (d) holds a news story
36. 36.🔗 Which tag makes a clickable link? (a) <img> (b) <link> (c) <p> (d) <a>
37. 37.📝 On how many lines does the browser show this paragraph?
    <p>Rivers flow<br>Stars shine<br>Sky is blue<br>Birds sing<br>Roses are red</p>
38. 38.📝 You type 5 spaces between two words in a <p>. How does the browser show them? (a) as 5 spaces (b) as one space (c) as a new line (d) as a dot
39. 39.🏷️ Is <h1> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
40. 40.💪 Which flexbox property picks row or column? (a) align-items (b) gap (c) flex-direction (d) justify-content

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