Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 194 · 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.📝 Does <meta> have a closing tag, or is it an empty tag? (a) has a closing tag (b) an empty tag
2. 2.Which of these has a closing tag? (a) <meta> (b) <img> (c) <b> (d) <hr>
3. 3.🔠 Which tag is used for the main title on a page? (a) <p> (b) <br> (c) <h1> (d) <h6>
4. 4.💪 How wide (px) is each gap between two boxes?
   .row {
     display: flex;
     width: 580px;
     justify-content: space-between;
   }
   Inside are 4 boxes, each 100px wide (no margins).
5. 5.Which of these goes in the head? (a) <ul> (b) <a> (c) <p> (d) <link rel="stylesheet">
6. 6.🖌️ How big is the text, in px?
   li {
     background-color: yellow;
     font-size: 36px;
     text-align: center;
     color: red;
   }
7. 7.Which of these goes in the head? (a) <meta charset="utf-8"> (b) <ul> (c) <p> (d) <img>
8. 8.🔍 Which line is missing its closing tag?
   line 1: <u>My pets</u>
   line 2: <h3>My best friend</h3>
   line 3: <h1>Our school trip (a) line 2 (b) line 1 (c) line 3
9. 9.🔗 Which address opens when you click this link?
   <a href="games.html">Maths fun</a> (a) games.html (b) Maths fun (c) about.html (d) contact.html
10. 10.🔗 Which tag makes a clickable link? (a) <img> (b) <a> (c) <p> (d) <link>
11. 11.📱 The screen is 700px wide. What font-size (px) does the paragraph get?
    p {
      font-size: 16px;
    }
    @media (min-width: 600px) {
      p {
        font-size: 24px;
      }
    }
12. 12.💬 How many paragraphs show on the page?
    <!-- <p>Cricket is fun.</p> -->
    <p>Our school trip</p>
    <!-- <p>I love mangoes.</p> -->
    <p>The red kite</p>
13. 13.🔗 What does target="_blank" do to a link? (a) hides the link (b) makes it blank (c) opens it in a new tab (d) makes it bold
14. 14.💬 Why do coders write comments? (a) to make links (b) to add colour (c) to show pictures (d) to leave notes
15. 15.⚖️ What colour is the text of this element?
    <p class="note" id="logo">Hi</p>
    CSS:
    .note { color: black; }
    .note { color: white; } (a) black (b) white (c) orange (d) red
16. 16.True or false: h1 { font-size: 32px; } goes in style.css. (a) True (b) False
17. 17.🛡️ Online: is it safe to share your password? (a) safe (b) not safe
18. 18.Which of these is a strong password? (a) 123456 (b) iloveyou (c) password (d) Kite_Fl1es@Dawn
19. 19.🔗 Where does this link open?
    <a href="maths.html" target="_blank">School news</a> (a) in a new tab (b) in the same tab
20. 20.What is <input type="radio"> for? (a) takes only numbers (b) hides what you type (c) lets you pick only one (d) is for one line of words
21. 21.🔍 Which line is missing its closing tag?
    line 1: <b>Hello, world!
    line 2: <h1>Fun facts</h1>
    line 3: <strong>The red kite</strong> (a) line 3 (b) line 1 (c) line 2
22. 22.🎯 Which CSS selector matches this element?
    <h1 class="star" id="end">Hello</h1> (a) #star (b) .star (c) #hero (d) h2
23. 23.🔗 Which words do you click on?
    <a href="about.html">School news</a> (a) Take the quiz (b) href (c) School news (d) about.html
24. 24.🔠 How many <h1> headings should a page usually have? (a) 1 (b) 10 (c) 3 (d) 6
25. 25.🌗 Is blue on purple easy or hard to read? (a) easy to read (b) hard to read
26. 26.🔍 Which is the odd one out? (a) reacts to a button click (b) rounds box corners (c) shows a pop-up message (d) changes the page live
27. 27.📝 Which input type hides what you type? (a) text (b) checkbox (c) password (d) submit
28. 28.📝 Does <hr> have a closing tag, or is it an empty tag? (a) an empty tag (b) has a closing tag
29. 29.✍️ What value is given to background-color in this rule?
    h1 {
      font-style: italic;
      background-color: yellow;
      border: 2px solid;
      width: 300px;
    } (a) yellow (b) 8px (c) background-color (d) 10px
30. 30.🔠 How many headings are in this code?
    <h1>Cricket is fun.</h1>
    <p>Good morning!</p>
    <h2>Fun facts</h2>
31. 31.True or false: .card is an id selector. (a) False (b) True
32. 32.🖼️ Which tag puts a picture on a page? (a) <p> (b) <img> (c) <pic> (d) <a>
33. 33.📱 Responsive design means a page ___. (a) fits every screen (b) is only for laptops (c) has no pictures (d) never changes
34. 34.✍️ What value is given to border in this rule?
    h2 {
      border: 2px solid;
      font-weight: bold;
      background-color: yellow;
    } (a) 300px (b) italic (c) border (d) 2px solid
35. 35.Which of these goes in the head? (a) <h1> (b) <style> (c) <ul> (d) <table>
36. 36.📋 Does this list show bullets or numbers?
    <ul>
      <li>Jamun</li>
      <li>Banana</li>
    </ul> (a) numbers (b) bullets
37. 37.📱 min-width: 800px applies when the screen is ___. (a) 800px or narrower (b) exactly 100px (c) turned off (d) 800px or wider
38. 38.💾 A web page file usually ends with which extension? (a) .png (b) .mp3 (c) .html (d) .txt
39. 39.Which of these is a weak password? (a) Chai$Cup_19x (b) Mango#Kite29! (c) S0lar!Pen#8 (d) password
40. 40.What does font-size do? (a) sets the letter colour (b) makes letters bigger (c) centres a heading (d) colours behind the text

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