Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 290 · 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.📄 What is the big heading shown on this page?
   <!DOCTYPE html>
   <html>
   <head>
     <title>Class 7 Blog</title>
   </head>
   <body>
     <h1>Match report</h1>
     <p>Try this poha.</p>
   </body>
   </html> (a) Match report (b) Class 7 Blog (c) body (d) Try this poha.
2. 2.🔗 Where does this link open?
   <a href="maths.html" target="_blank">Visit the site</a> (a) in a new tab (b) in the same tab
3. 3.Which of these is an opening tag? (a) </p> (b) <b> (c) </li> (d) </body>
4. 4.True or false: HTML sets colours and fonts. (a) False (b) True
5. 5.♿ Does this help everyone, or make the page harder to use: use headings in order? (a) helps everyone (b) makes it harder
6. 6.💬 How many paragraphs show on the page?
   <!-- <p>Rain today</p> -->
   <!-- <p>Good morning!</p> -->
   <p>Fun facts</p>
   <!-- <p>Our school trip</p> -->
   <!-- <p>My best friend</p> -->
7. 7.✍️ What is the selector in this CSS rule?
   li {
     padding: 8px;
     width: 300px;
     background-color: yellow;
     font-size: 20px;
   } (a) body (b) padding (c) 300px (d) li
8. 8.✍️ CSS declarations go inside which brackets? (a) [ ] (b) < > (c) ( ) (d) { }
9. 9.🔗 Which words do you click on?
   <a href="games.html">About us</a> (a) About us (b) games.html (c) href (d) Contact us
10. 10.📊 How many heading cells (<th>) does this table have?
    <table>
      <tr><th>Name</th><th>Fruit</th><th>Price</th><th>Day</th></tr>
      <tr><td>Grapes</td><td>Grapes</td><td>Grapes</td><td>Litchi</td></tr>
      <tr><td>Jamun</td><td>Guava</td><td>Mango</td><td>Orange</td></tr>
      <tr><td>Mango</td><td>Guava</td><td>Orange</td><td>Banana</td></tr>
    </table>
11. 11.♿ Who uses a screen reader? (a) only teachers (b) only robots (c) people who are blind (d) only coders
12. 12.📝 How many paragraphs does this code make?
    <p>Good morning!</p>
    <p>Hello, world!</p>
    <p>My pets</p>
13. 13.⚡ What does this code show?
    let name = "Meera";
    alert("Welcome, " + name + "!"); (a) Meera (b) Welcome, Meera! (c) name (d) Welcome, name!
14. 14.Which colour pair is easy to read? (a) dark grey on white (b) light grey on white (c) blue on purple (d) pink on red
15. 15.🏷️ Every HTML tag starts with which sign? (a) [ (b) { (c) < (d) (
16. 16.⚡ What does this code print? (Look at the quotes!)
    let x = "8";
    let y = 8;
    console.log(x + y); (a) 88 (b) Error (c) 16
17. 17.True or false: margin is the gap to other boxes. (a) False (b) True
18. 18.🔗 Which words do you click on?
    <a href="contact.html">Take the quiz</a> (a) Take the quiz (b) Play games (c) contact.html (d) href
19. 19.Which of these is true of <main>? (a) sits at the very top (b) holds the menu of links (c) is the page’s key part (d) holds extra side notes
20. 20.🔍 One closing tag is missing. Which one?
    <h3>My pets</h3>
    <em>My best friend
    <h2>I love mangoes.</h2> (a) </em> (b) </h3> (c) </h2> (d) </h1>
21. 21.True or false: “skipping heading levels” makes the page harder to use. (a) False (b) True
22. 22.🔢 On a typical page, from top to bottom, which comes first: “<footer>” or “<nav>”? (a) <footer> (b) <nav>
23. 23.Which of these is safe to do online? (a) share your OTP (b) put secrets in comments (c) ask before downloading (d) post your home address
24. 24.🔁 What does this code print?
    let marks = 25;
    if (marks < 25) {
      console.log("Pass");
    } else {
      console.log("Try again");
    } (a) Try again (b) Pass
25. 25.🔁 How many numbers does this code print?
    for (let i = 0; i < 19; i = i + 2) {
      console.log(i);
    }
26. 26.What does font-family do? (a) sets the letter colour (b) centres a heading (c) picks the font style (d) makes letters bigger
27. 27.📊 Are <th> cells shown bold and centred by default? (a) No (b) Yes
28. 28.🛡️ Should you share your password with your best friend? (a) No (b) Yes
29. 29.📋 Which list tag shows bullet points? (a) <li> (b) <ol> (c) <ul>
30. 30.📊 Which tag gives the table a title? (a) <caption> (b) <td> (c) <th> (d) <tr>
31. 31.🏷️ What does a closing tag have that an opening tag does not? (a) a slash / (b) a dot . (c) a dollar $ (d) a hash #
32. 32.🔢 On a typical page, from top to bottom, which comes first: “<header>” or “<nav>”? (a) <header> (b) <nav>
33. 33.Which of these is an empty tag? (a) <ul> (b) <h1> (c) <p> (d) <meta>
34. 34.🔍 Which is the odd one out? (a) reacts to a button click (b) makes a link (c) gives the page structure (d) makes a form box
35. 35.🔗 What does target="_blank" do to a link? (a) makes it blank (b) hides the link (c) makes it bold (d) opens it in a new tab
36. 36.📄 Where does the text of <title> appear? (a) nowhere (b) in a big heading (c) on the browser tab (d) at the bottom
37. 37.📦 How much space top to bottom (px) does this box take in all, margin included?
    .box {
      height: 120px;
      padding: 20px;
      border: 5px solid black;
      margin: 5px;
    }
38. 38.🖼️ Which attribute of <img> tells which image to load? (a) width (b) alt (c) height (d) src
39. 39.🎨 Which tag connects an outside CSS file? (a) <a> (b) <img> (c) <link> (d) <css>
40. 40.📝 Which input type hides what you type? (a) text (b) password (c) submit (d) number

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