Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 695 · 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.🔗 Where does this link open?
   <a href="quiz.html" target="_blank">Maths fun</a> (a) in the same tab (b) in a new tab
2. 2.🖌️ Which CSS property makes letters bigger? (a) background-color (b) font-family (c) font-weight (d) font-size
3. 3.🌍 What does a web address (URL) tell the browser? (a) where the page is (b) how old you are (c) the page colour (d) your password
4. 4.🎯 Which element does the selector #intro style? (a) <span id="intro"> (b) <span id="main"> (c) <span class="intro"> (d) <p class="red">
5. 5.♿ A part of the page is under a <h5> heading. Which tag should its sub-heading use? (a) <h3> (b) <h5> (c) <h1> (d) <h6>
6. 6.True or false: a web server opens web pages for us. (a) True (b) False
7. 7.📱 The screen is 414px wide. What font-size (px) does the paragraph get?
   p {
     font-size: 16px;
   }
   @media (max-width: 1024px) {
     p {
       font-size: 12px;
     }
   }
8. 8.🏷️ Is <p> an opening tag or a closing tag? (a) an opening tag (b) a closing tag
9. 9.🔁 What number does this code print?
   let total = 0;
   for (let i = 1; i <= 3; i++) {
     total = total + 5;
   }
   console.log(total);
10. 10.📋 Which list tag shows bullet points? (a) <li> (b) <ol> (c) <ul>
11. 11.🌍 What is the protocol in this URL?
    http://kids.example.org/index.html (a) https (b) kids.example.org (c) http (d) /index.html
12. 12.💬 How many paragraphs show on the page?
    <!-- <p>My best friend</p> -->
    <!-- <p>Cricket is fun.</p> -->
    <p>I love mangoes.</p>
13. 13.📝 You type 5 spaces between two words in a <p>. How does the browser show them? (a) as a dot (b) as one space (c) as 5 spaces (d) as a new line
14. 14.✍️ What is the selector in this CSS rule?
    body {
      width: 300px;
      border: 2px solid;
    } (a) 2px solid (b) .box (c) width (d) body
15. 15.⚡ Which JavaScript word makes a new variable? (a) console.log() (b) for (c) let (d) alert()
16. 16.🔢 To build and share your first web page, what comes right after “plan what to show”? (a) publish it online (b) test in a browser (c) add CSS styles (d) write the HTML
17. 17.🔗 Which words do you click on?
    <a href="quiz.html">Contact us</a> (a) href (b) Visit the site (c) Contact us (d) quiz.html
18. 18.🖼️ Which picture file does the browser load?
    <img src="kite.png" alt="A red kite" width="350"> (a) map.png (b) cake.jpg (c) kite.png (d) A red kite
19. 19.📝 Which input type is for one line of words? (a) email (b) password (c) text (d) number
20. 20.🎯 Which element does the selector #end style? (a) <p id="end"> (b) <h1 class="box"> (c) <p class="end"> (d) <p id="hero">
21. 21.🔠 Which heading shows the SMALLEST text: <h4>, <h1>, <h2> or <h3>? (a) <h4> (b) <h2> (c) <h1> (d) <h3>
22. 22.🌈 Which colour is #00ffff? (a) bright green (b) cyan (c) white (d) red
23. 23.🖌️ Which CSS property makes the text bold? (a) font-size (b) text-align (c) font-weight (d) background-color
24. 24.🧩 Which language checks a quiz answer? (a) HTML (b) JavaScript (c) CSS
25. 25.📱 min-width: 800px applies when the screen is ___. (a) 800px or narrower (b) exactly 100px (c) 800px or wider (d) turned off
26. 26.🔁 What does this code print?
    let age = 5;
    if (age >= 8) {
      console.log("teen");
    } else {
      console.log("child");
    } (a) child (b) teen
27. 27.What does font-weight do? (a) makes letters bigger (b) picks the font style (c) centres a heading (d) makes the text bold
28. 28.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="map.png" alt="Map of India" width="250"> (a) width (b) Map of India (c) map.png (d) Birthday cake
29. 29.📊 Which tag makes one table row? (a) <th> (b) <tr> (c) <caption> (d) <table>
30. 30.🖌️ Where does the text sit on its line?
    p {
      font-size: 20px;
      text-align: left;
      background-color: purple;
      color: green;
    } (a) in the middle (b) on the right (c) on the left
31. 31.🖌️ Where does the text sit on its line?
    p {
      text-align: left;
      font-size: 36px;
      color: purple;
      background-color: white;
    } (a) in the middle (b) on the right (c) on the left
32. 32.🔐 Is Blue@Tiger_74 a strong or a weak password? (a) strong (b) weak
33. 33.♿ Does this help everyone, or make the page harder to use: images with no alt? (a) makes it harder (b) helps everyone
34. 34.📋 What number does the browser show next to “Guava”?
    <ol>
      <li>Mango</li>
      <li>Guava</li>
      <li>Orange</li>
      <li>Banana</li>
    </ol>
35. 35.🧩 Which language lays out the page? (a) HTML (b) JavaScript (c) CSS
36. 36.True or false: the server asks for a web page. (a) True (b) False
37. 37.🌍 What is the domain name in this URL?
    http://kids.example.org/games/chess.html (a) school.example.in (b) kids.example.org (c) /games/chess.html (d) http
38. 38.📋 What number does the browser show next to “Grapes”?
    <ol start="4">
      <li>Guava</li>
      <li>Jamun</li>
      <li>Orange</li>
      <li>Banana</li>
      <li>Grapes</li>
      <li>Papaya</li>
    </ol>
39. 39.🖌️ What colour is behind the letters?
    h2 {
      text-align: left;
      font-size: 36px;
      background-color: white;
      color: blue;
    } (a) white (b) blue (c) black
40. 40.True or false: the border is a solid or dotted edge. (a) False (b) True

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