Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 189 · 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.What is <input type="text"> for? (a) lets you pick only one (b) sends the form (c) picks a day (d) is for one line of words
2. 2.🛡️ Should you share your password with your best friend? (a) No (b) Yes
3. 3.True or false: <input type="number"> sends the form. (a) False (b) True
4. 4.🖌️ How big is the text, in px?
   h2 {
     font-size: 20px;
     color: green;
     text-align: left;
     background-color: orange;
   }
5. 5.📄 Where does <style> go: in the head or in the body? (a) in the head (b) in the body
6. 6.🔁 What number does this code print?
   let total = 0;
   for (let i = 1; i <= 9; i++) {
     total = total + i;
   }
   console.log(total);
7. 7.🔢 On a typical page, from top to bottom, what comes right after “<nav>”? (a) <footer> (b) <main> (c) <header>
8. 8.🖼️ Which picture file does the browser load?
   <img src="tiger.jpg" alt="A tiger asleep" width="100"> (a) A tiger asleep (b) tiger.jpg (c) map.png (d) kite.png
9. 9.💬 Which text will NOT show on the page?
   <p>My best friend</p>
   <p>Cricket is fun.</p>
   <!-- <p>Good morning!</p> --> (a) My best friend (b) Good morning! (c) Cricket is fun.
10. 10.True or false: <img> goes in the body. (a) True (b) False
11. 11.True or false: a code editor colours code to help us. (a) True (b) False
12. 12.📊 How many cells does this table have in all?
    <table>
      <tr><th>Name</th><th>Fruit</th><th>Price</th><th>Day</th></tr>
      <tr><td>Orange</td><td>Banana</td><td>Papaya</td><td>Guava</td></tr>
      <tr><td>Jamun</td><td>Guava</td><td>Papaya</td><td>Mango</td></tr>
    </table>
13. 13.🔗 Where does this link open?
    <a href="art.html">School news</a> (a) in a new tab (b) in the same tab
14. 14.📦 In the box model, which part is the line round the box? (a) margin (b) padding (c) content (d) border
15. 15.✍️ Which sign ends each CSS declaration? (a) : (b) , (c) . (d) ;
16. 16.🏷️ Is </p> an opening tag or a closing tag? (a) an opening tag (b) a closing tag
17. 17.🔠 Which heading shows the SMALLEST text: <h4>, <h3>, <h2> or <h6>? (a) <h2> (b) <h6> (c) <h3> (d) <h4>
18. 18.📊 How many cells are in each row?
    <table>
      <tr><th>Name</th><th>Fruit</th><th>Price</th><th>Day</th></tr>
      <tr><td>Mango</td><td>Grapes</td><td>Jamun</td><td>Mango</td></tr>
      <tr><td>Litchi</td><td>Grapes</td><td>Jamun</td><td>Guava</td></tr>
      <tr><td>Jamun</td><td>Jamun</td><td>Litchi</td><td>Banana</td></tr>
    </table>
19. 19.🧩 Which language lays out the page? (a) JavaScript (b) HTML (c) CSS
20. 20.🌍 Which one stores the site’s files? (a) the server (b) the browser (c) the URL (d) HTTPS
21. 21.💾 A web page file usually ends with which extension? (a) .txt (b) .png (c) .html (d) .mp3
22. 22.🔠 Which heading shows the BIGGEST text: <h1>, <h6>, <h3> or <h5>? (a) <h3> (b) <h1> (c) <h5> (d) <h6>
23. 23.⚡ What does this code print? (Look at the quotes!)
    let x = "6";
    let y = 6;
    console.log(x + y); (a) 12 (b) Error (c) 66
24. 24.🎯 Which element does the selector .star style? (a) <p class="star"> (b) <p class="menu"> (c) <p id="star"> (d) <h1 class="note">
25. 25.🔠 Which tag is the least important heading? (a) <h1> (b) <h6> (c) <p> (d) <h3>
26. 26.🔠 How many <h1> headings should a page usually have? (a) 3 (b) 1 (c) 6 (d) 10
27. 27.True or false: <ul> is an unordered list. (a) False (b) True
28. 28.🔗 Which address opens when you click this link?
    <a href="maths.html">Take the quiz</a> (a) news.html (b) Take the quiz (c) art.html (d) maths.html
29. 29.💪 How wide (px) is each gap between two boxes?
    .row {
      display: flex;
      width: 360px;
      justify-content: space-between;
    }
    Inside are 3 boxes, each 100px wide (no margins).
30. 30.💬 How many paragraphs show on the page?
    <!-- <p>Good morning!</p> -->
    <!-- <p>My best friend</p> -->
    <!-- <p>Our school trip</p> -->
    <p>My pets</p>
    <!-- <p>Fun facts</p> -->
31. 31.True or false: <table> makes a heading cell. (a) False (b) True
32. 32.🎯 Which CSS selector matches this element?
    <h1 class="star" id="intro">Hello</h1> (a) #intro (b) h2 (c) #main (d) .menu
33. 33.🔗 Which address opens when you click this link?
    <a href="quiz.html">Art corner</a> (a) about.html (b) Art corner (c) games.html (d) quiz.html
34. 34.🔠 Which heading shows the BIGGEST text: <h2>, <h4>, <h1> or <h3>? (a) <h4> (b) <h3> (c) <h2> (d) <h1>
35. 35.🔢 On a typical page, from top to bottom, which comes first: “<main>” or “<header>”? (a) <main> (b) <header>
36. 36.🔠 Which heading shows the BIGGEST text: <h3>, <h4>, <h1> or <h6>? (a) <h1> (b) <h6> (c) <h3> (d) <h4>
37. 37.🌈 Which colour is #000000? (a) red (b) bright green (c) magenta (d) black
38. 38.🔠 How many headings are in this code?
    <h1>Fun facts</h1>
    <p>The red kite</p>
    <p>Fun facts</p>
39. 39.Which of these is an empty tag? (a) <b> (b) <li> (c) <title> (d) <meta>
40. 40.🌐 Which one shows pages from the web? (a) a web server (b) a web browser (c) a code editor

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