Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 311 · 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 list suits a shopping list in any order? (a) <br> (b) <ol> (c) <ul> (d) <hr>
2. 2.Which of these is an opening tag? (a) <p> (b) </title> (c) </body> (d) </b>
3. 3.🌈 In #rrggbb, which colour do the last two digits give? (a) blue (b) green (c) white (d) red
4. 4.♿ A part of the page is under a <h1> heading. Which tag should its sub-heading use? (a) <h6> (b) <h5> (c) <h2> (d) <h1>
5. 5.📝 How many paragraphs does this code make?
   <p>My pets</p>
   <h2>Hello, world!</h2>
   <p>I love mangoes.</p>
6. 6.🔠 Which heading shows the BIGGEST text: <h5>, <h1>, <h2> or <h6>? (a) <h6> (b) <h5> (c) <h1> (d) <h2>
7. 7.🌈 Which colour is rgb(0, 0, 0)? (a) black (b) red (c) magenta (d) blue
8. 8.Which of these does JavaScript do? (a) makes a form box (b) counts down a timer (c) lays out the page (d) adds space around boxes
9. 9.📄 What does the browser tab show for this page?
   <!DOCTYPE html>
   <html>
   <head>
     <title>Cricket Club</title>
   </head>
   <body>
     <h1>All about me</h1>
     <p>Try this poha.</p>
   </body>
   </html> (a) index.html (b) All about me (c) Try this poha. (d) Cricket Club
10. 10.📊 Which tag gives the table a title? (a) <th> (b) <tr> (c) <caption> (d) <table>
11. 11.True or false: a web browser turns HTML into a page. (a) True (b) False
12. 12.🔢 In a basic web page file, which comes LAST? (a) <head> (b) </body> (c) </head> (d) </html>
13. 13.📦 In the box model, which part is the gap round content? (a) margin (b) content (c) padding (d) border
14. 14.🏷️ Which is the closing tag for <strong>? (a) </strong> (b) <strong/> (c) <\strong> (d) <strong>
15. 15.🔠 How many heading levels does HTML have? (a) 10 (b) 6 (c) 3 (d) 4
16. 16.⚖️ What colour is the text of this element?
    <h1 class="big" id="main">Hi</h1>
    CSS:
    h1 { color: blue; }
    h1 { color: black; } (a) orange (b) black (c) blue (d) yellow
17. 17.📊 Where do <td> cells go? (a) inside a <li> (b) inside a <tr> (c) inside a <p> (d) inside the <head>
18. 18.♿ Does this help everyone, or make the page harder to use: link text “click here”? (a) helps everyone (b) makes it harder
19. 19.🌗 Is pink on red easy or hard to read? (a) easy to read (b) hard to read
20. 20.📝 You type 5 spaces between two words in a <p>. How does the browser show them? (a) as 5 spaces (b) as a dot (c) as one space (d) as a new line
21. 21.📱 The screen is 820px wide. What font-size (px) does the paragraph get?
    p {
      font-size: 20px;
    }
    @media (max-width: 768px) {
      p {
        font-size: 16px;
      }
    }
22. 22.📋 Does this list show bullets or numbers?
    <ul>
      <li>Mango</li>
      <li>Litchi</li>
      <li>Papaya</li>
    </ul> (a) bullets (b) numbers
23. 23.Which of these is an empty tag? (a) <ul> (b) <p> (c) <img> (d) <h1>
24. 24.🔗 Where does this link open?
    <a href="https://example.com" target="_blank">School news</a> (a) in the same tab (b) in a new tab
25. 25.📝 How many paragraphs does this code make?
    <p>Good morning!</p>
    <p>My best friend</p>
    <p>I love mangoes.</p>
    <h2>I love mangoes.</h2>
26. 26.✍️ CSS declarations go inside which brackets? (a) < > (b) [ ] (c) ( ) (d) { }
27. 27.📊 How many rows does this table have?
    <table>
      <tr><td>Jamun</td><td>Jamun</td><td>Guava</td><td>Grapes</td></tr>
      <tr><td>Mango</td><td>Litchi</td><td>Jamun</td><td>Mango</td></tr>
    </table>
28. 28.🔗 Which words do you click on?
    <a href="art.html">About us</a> (a) About us (b) href (c) art.html (d) Contact us
29. 29.Which of these is true of a web browser? (a) answers page requests (b) shows pages from the web (c) is where we type code (d) hosts websites online
30. 30.📱 Responsive design means a page ___. (a) is only for laptops (b) never changes (c) has no pictures (d) fits every screen
31. 31.🧩 Which language makes headings and lists? (a) HTML (b) JavaScript (c) CSS
32. 32.🔗 Where does this link open?
    <a href="art.html" target="_blank">Take the quiz</a> (a) in a new tab (b) in the same tab
33. 33.True or false: in <img>, alt describes the picture. (a) True (b) False
34. 34.⚡ What does alert() show? (a) a table (b) a picture (c) a new tab (d) a pop-up box
35. 35.⚡ What does this code show?
    let name = "Meera";
    alert("Welcome, " + name + "!"); (a) Welcome, name! (b) Welcome, Meera! (c) Meera (d) name
36. 36.🔢 When you open a web page, what comes right after “you type the URL”? (a) the browser asks it (b) the server sends files (c) the browser shows it (d) DNS finds the server
37. 37.✍️ Which sign ends each CSS declaration? (a) , (b) . (c) : (d) ;
38. 38.🎯 Which CSS selector matches this element?
    <h1 class="red" id="logo">Hello</h1> (a) h2 (b) #end (c) h1 (d) .logo
39. 39.🔍 One closing tag is missing. Which one?
    <strong>My best friend
    <h1>Rain today</h1>
    <em>Fun facts</em> (a) </em> (b) </p> (c) </strong> (d) </h1>
40. 40.🌈 Which hex code is red? (a) #000000 (b) #ff0000 (c) #00ffff (d) #ffff00

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