Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 162 · 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 tag is the least important heading? (a) <p> (b) <h1> (c) <h6> (d) <h3>
2. 2.📊 How many heading cells (<th>) does this table have?
   <table>
     <tr><th>Name</th><th>Fruit</th></tr>
     <tr><td>Mango</td><td>Papaya</td></tr>
     <tr><td>Banana</td><td>Grapes</td></tr>
   </table>
3. 3.🔁 What does i++ do? (a) takes 1 from i (b) adds 1 to i (c) doubles i (d) prints i
4. 4.💬 Why do coders write comments? (a) to leave notes (b) to show pictures (c) to make links (d) to add colour
5. 5.💪 How much empty space (px) is left after the last box?
   .row {
     display: flex;
     width: 190px;
     justify-content: flex-start;
   }
   Inside are 3 boxes, each 60px wide (no margins).
6. 6.📱 The screen is 540px wide. Does the rule inside @media apply?
   p {
     font-size: 12px;
   }
   @media (min-width: 600px) {
     p {
       font-size: 16px;
     }
   } (a) No (b) Yes
7. 7.📝 At most, how many of these can be chosen at the same time?
   <form>
     <input type="checkbox" name="sport"> Cricket
     <input type="checkbox" name="sport"> Kabaddi
     <input type="checkbox" name="sport"> Hockey
     <input type="checkbox" name="sport"> Chess
     <input type="checkbox" name="sport"> Football
   </form>
8. 8.🔗 Which words do you click on?
   <a href="https://example.com">Play games</a> (a) href (b) https://example.com (c) About us (d) Play games
9. 9.💪 Which flexbox property spaces boxes along a row? (a) display: flex (b) gap (c) justify-content (d) flex-direction
10. 10.🌈 Which colour is rgb(255, 255, 255)? (a) white (b) black (c) magenta (d) red
11. 11.🚀 What is the home page file of a website usually called? (a) start.js (b) index.html (c) home.css (d) main.png
12. 12.🧭 How many <main> parts should a page have? (a) none (b) ten (c) one (d) three
13. 13.🧭 Which semantic tag sits at the bottom? (a) <footer> (b) <nav> (c) <article> (d) <aside>
14. 14.🔐 Is Kite_Fl1es@Dawn a strong or a weak password? (a) strong (b) weak
15. 15.📊 How many cells are in each row?
    <table>
      <tr><td>Papaya</td><td>Jamun</td></tr>
      <tr><td>Papaya</td><td>Jamun</td></tr>
      <tr><td>Papaya</td><td>Grapes</td></tr>
      <tr><td>Banana</td><td>Grapes</td></tr>
    </table>
16. 16.🔍 Which is the odd one out? (a) saves our .html files (b) shows line numbers (c) colours code to help us (d) turns HTML into a page
17. 17.🔗 Where does this link open?
    <a href="news.html">Contact us</a> (a) in the same tab (b) in a new tab
18. 18.✍️ What value is given to font-size in this rule?
    #top {
      padding: 8px;
      color: red;
      font-size: 20px;
    } (a) font-size (b) center (c) 20px (d) yellow
19. 19.💬 How many paragraphs show on the page?
    <!-- <p>The red kite</p> -->
    <p>Our school trip</p>
    <p>My best friend</p>
20. 20.True or false: in <img>, height names the picture file. (a) False (b) True
21. 21.🎯 Which element does the selector #end style? (a) <div id="end"> (b) <div class="end"> (c) <span class="red"> (d) <div id="hero">
22. 22.♿ A part of the page is under a <h5> heading. Which tag should its sub-heading use? (a) <h6> (b) <h4> (c) <h2> (d) <h3>
23. 23.⚡ Which JavaScript word runs code when true? (a) console.log() (b) if (c) let (d) alert()
24. 24.🔢 On a typical page, from top to bottom, what comes right after “<nav>”? (a) <header> (b) <main> (c) <footer>
25. 25.Which of these is true of <nav>? (a) holds a side box of tips (b) holds the menu of links (c) holds the logo and title (d) sits at the very top
26. 26.📱 The screen is 1366px wide. Does the rule inside @media apply?
    p {
      font-size: 24px;
    }
    @media (max-width: 600px) {
      p {
        font-size: 22px;
      }
    } (a) No (b) Yes
27. 27.🔗 Which address opens when you click this link?
    <a href="art.html">About us</a> (a) art.html (b) quiz.html (c) About us (d) news.html
28. 28.🌐 Which one shows pages from the web? (a) a web browser (b) a web server (c) a code editor
29. 29.🧭 Is <article> semantic or not semantic? (a) not semantic (b) semantic
30. 30.🔢 On a typical page, from top to bottom, which comes LAST? (a) <main> (b) <header> (c) <footer> (d) <nav>
31. 31.🖼️ Which attribute of <img> sets how wide it is? (a) alt (b) height (c) src (d) width
32. 32.True or false: <input type="checkbox"> lets you tick many. (a) False (b) True
33. 33.📦 In the box model, which part is the line round the box? (a) padding (b) border (c) margin (d) content
34. 34.📋 Does this list show bullets or numbers?
    <ol>
      <li>Litchi</li>
      <li>Jamun</li>
      <li>Banana</li>
    </ol> (a) numbers (b) bullets
35. 35.📊 How many rows does this table have?
    <table>
      <tr><th>Name</th><th>Fruit</th></tr>
      <tr><td>Grapes</td><td>Banana</td></tr>
      <tr><td>Jamun</td><td>Mango</td></tr>
      <tr><td>Banana</td><td>Mango</td></tr>
    </table>
36. 36.💬 How many paragraphs show on the page?
    <!-- <p>My best friend</p> -->
    <p>Fun facts</p>
    <p>Rain today</p>
    <p>Cricket is fun.</p>
37. 37.Which of these goes in the head? (a) <style> (b) <ul> (c) <p> (d) <img>
38. 38.📝 You type 5 spaces between two words in a <p>. How does the browser show them? (a) as a new line (b) as one space (c) as 5 spaces (d) as a dot
39. 39.🏷️ What does a closing tag have that an opening tag does not? (a) a dot . (b) a hash # (c) a slash / (d) a dollar $
40. 40.📝 Which tag holds a whole form? (a) <ol> (b) <input> (c) <form> (d) <table>

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