Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 115 · 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) <h1> (b) <h3> (c) <p> (d) <h6>
2. 2.True or false: the border is space outside the border. (a) False (b) True
3. 3.📝 Does <hr> have a closing tag, or is it an empty tag? (a) has a closing tag (b) an empty tag
4. 4.True or false: in <img>, alt describes the picture. (a) True (b) False
5. 5.🎯 Which element does the selector #end style? (a) <li class="end"> (b) <li id="end"> (c) <li id="hero"> (d) <div class="note">
6. 6.🎯 Which element does the selector #main style? (a) <li id="main"> (b) <li id="logo"> (c) <div class="menu"> (d) <li class="main">
7. 7.🔁 What number does this code print?
   let total = 0;
   for (let i = 1; i <= 10; i++) {
     total = total + 4;
   }
   console.log(total);
8. 8.📋 Which list suits a shopping list in any order? (a) <ul> (b) <ol> (c) <hr> (d) <br>
9. 9.🔡 Are HTML tag names usually written in small letters? (a) Yes (b) No
10. 10.🔐 Is Blue@Tiger_74 a strong or a weak password? (a) strong (b) weak
11. 11.💬 Which text will NOT show on the page?
    <p>I love mangoes.</p>
    <!-- <p>Fun facts</p> -->
    <p>Rain today</p>
    <p>The red kite</p> (a) The red kite (b) I love mangoes. (c) Rain today (d) Fun facts
12. 12.📝 Which tag holds a whole form? (a) <input> (b) <form> (c) <table> (d) <ol>
13. 13.📄 What does the browser tab show for this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>My Hobbies</title>
    </head>
    <body>
      <h1>All about me</h1>
      <p>I like to read.</p>
    </body>
    </html> (a) index.html (b) My Hobbies (c) All about me (d) I like to read.
14. 14.📋 How many items does this list show?
    <ul>
      <li>Banana</li>
      <li>Papaya</li>
      <li>Jamun</li>
      <li>Guava</li>
    </ul>
15. 15.🚀 Which file should this code go in: alert(score); (a) script.js (b) style.css (c) index.html
16. 16.♿ A part of the page is under a <h4> heading. Which tag should its sub-heading use? (a) <h1> (b) <h2> (c) <h5> (d) <h3>
17. 17.🔗 Which address opens when you click this link?
    <a href="quiz.html">Art corner</a> (a) quiz.html (b) about.html (c) games.html (d) Art corner
18. 18.Which of these is a closing tag? (a) <p> (b) </body> (c) <body> (d) <title>
19. 19.📄 What does the browser tab show for this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>My Hobbies</title>
    </head>
    <body>
      <h1>Easy snacks</h1>
      <p>Try this poha.</p>
    </body>
    </html> (a) index.html (b) Easy snacks (c) My Hobbies (d) Try this poha.
20. 20.📋 Which list shows the steps of a recipe best? (a) <hr> (b) <ol> (c) <ul> (d) <br>
21. 21.✍️ Which sign goes between a property and its value? (a) = (b) - (c) ; (d) :
22. 22.📝 How many paragraphs does this code make?
    <p>I love mangoes.</p>
    <p>My pets</p>
    <h2>Fun facts</h2>
    <h2>Hello, world!</h2>
    <p>My best friend</p>
    <h2>Fun facts</h2>
23. 23.📱 The screen is 1366px wide. Does the rule inside @media apply?
    p {
      font-size: 12px;
    }
    @media (max-width: 1024px) {
      p {
        font-size: 6px;
      }
    } (a) Yes (b) No
24. 24.💬 Does the browser show comments on the page? (a) No (b) Yes
25. 25.💬 How does an HTML comment end? (a) // (b) >> (c) --> (d) */
26. 26.⚖️ Which selector is the strongest? (a) an element selector (b) a class selector (c) an id selector
27. 27.Which of these is an empty tag? (a) <meta> (b) <p> (c) <li> (d) <b>
28. 28.True or false: CSS shows a pop-up message. (a) False (b) True
29. 29.💬 Why do coders write comments? (a) to show pictures (b) to make links (c) to add colour (d) to leave notes
30. 30.🚀 You change your code. What should you do to see the change? (a) switch off the PC (b) delete the file (c) rename the folder (d) save and refresh
31. 31.📋 Which list tag lists things in any order? (a) <ol> (b) <li> (c) <ul>
32. 32.📱 max-width: 600px applies when the screen is ___. (a) 600px or wider (b) 600px or narrower (c) exactly 1000px (d) turned off
33. 33.✍️ What value is given to font-weight in this rule?
    #top {
      font-weight: bold;
      text-align: center;
      color: red;
    } (a) 300px (b) 2px solid (c) bold (d) font-weight
34. 34.💪 How wide (px) is each gap between two boxes?
    .row {
      display: flex;
      width: 560px;
      justify-content: space-between;
    }
    Inside are 4 boxes, each 80px wide (no margins).
35. 35.🔗 Which words do you click on?
    <a href="news.html">Take the quiz</a> (a) news.html (b) Take the quiz (c) href (d) Play games
36. 36.Which of these goes in the body? (a) <link rel="stylesheet"> (b) <meta charset="utf-8"> (c) <h1> (d) <style>
37. 37.🧭 Which semantic tag holds the main content? (a) <article> (b) <main> (c) <aside> (d) <header>
38. 38.What does text-align do? (a) makes letters bigger (b) centres a heading (c) picks the font style (d) colours behind the text
39. 39.✍️ In color: blue; which part is the value? (a) color (b) : (c) blue (d) ;
40. 40.True or false: <ul> is an unordered list. (a) False (b) True

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