Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 187 · 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 element does the selector h1 style? (a) <h2> (b) <li class="star"> (c) <h1 class="star"> (d) <div id="end">
2. 2.Which of these is safe to do online? (a) keep passwords secret (b) put secrets in comments (c) post your home address (d) share your password
3. 3.✍️ Which property is set to red in this rule?
   h1 {
     color: red;
     font-size: 20px;
   } (a) font-size (b) color (c) text-align (d) red
4. 4.📱 What does a media query check? (a) the battery level (b) the screen width (c) the page title (d) the time of day
5. 5.📋 What number does the browser show next to “Banana”?
   <ol>
     <li>Grapes</li>
     <li>Papaya</li>
     <li>Jamun</li>
     <li>Guava</li>
     <li>Banana</li>
     <li>Mango</li>
   </ol>
6. 6.🔢 To build and share your first web page, which comes first: “publish it online” or “plan what to show”? (a) publish it online (b) plan what to show
7. 7.📋 What number does the browser show next to “Litchi”?
   <ol>
     <li>Jamun</li>
     <li>Papaya</li>
     <li>Litchi</li>
     <li>Mango</li>
     <li>Grapes</li>
   </ol>
8. 8.What is <input type="date"> for? (a) lets you pick only one (b) picks a day (c) lets you tick many (d) is for one line of words
9. 9.🖌️ Which CSS property centres a heading? (a) text-align (b) color (c) font-family (d) font-size
10. 10.True or false: <td> makes one data cell. (a) False (b) True
11. 11.📝 At most, how many of these can be chosen at the same time?
    <form>
      <input type="radio" name="sport"> Football
      <input type="radio" name="sport"> Cricket
      <input type="radio" name="sport"> Kabaddi
      <input type="radio" name="sport"> Hockey
    </form>
12. 12.💪 Which justify-content value equal gaps, none at ends? (a) flex-end (b) center (c) flex-start (d) space-between
13. 13.🔗 Which address opens when you click this link?
    <a href="quiz.html">Art corner</a> (a) games.html (b) about.html (c) quiz.html (d) Art corner
14. 14.🧭 Is <nav> semantic or not semantic? (a) semantic (b) not semantic
15. 15.🖌️ Which CSS property picks the font style? (a) font-size (b) font-weight (c) color (d) font-family
16. 16.🔠 Which tag is the least important heading? (a) <h1> (b) <p> (c) <h3> (d) <h6>
17. 17.🧩 Which language makes headings and lists? (a) CSS (b) JavaScript (c) HTML
18. 18.⚡ What number does this code print?
    let coins = 8;
    coins = coins + 15;
    coins = coins - 1;
    console.log(coins);
19. 19.📊 How many rows does this table have?
    <table>
      <tr><td>Orange</td><td>Litchi</td><td>Mango</td></tr>
      <tr><td>Guava</td><td>Orange</td><td>Litchi</td></tr>
      <tr><td>Guava</td><td>Grapes</td><td>Mango</td></tr>
    </table>
20. 20.⚖️ What colour is the text of this element?
    <h1 class="menu" id="top">Hi</h1>
    CSS:
    h1 { color: blue; }
    .menu { color: red; } (a) red (b) blue (c) purple (d) black
21. 21.📋 How many items does this list show?
    <ol>
      <li>Papaya</li>
      <li>Orange</li>
      <li>Grapes</li>
      <li>Mango</li>
      <li>Banana</li>
      <li>Jamun</li>
    </ol>
22. 22.⚖️ What colour is the text of this element?
    <h2 class="note" id="end">Hi</h2>
    CSS:
    #end { color: purple; }
    #end { color: yellow; } (a) purple (b) yellow (c) green (d) blue
23. 23.📝 What does <hr> draw? (a) a line across the page (b) a picture (c) a link (d) a table
24. 24.🔢 On a typical page, from top to bottom, which comes LAST? (a) <main> (b) <header> (c) <footer> (d) <nav>
25. 25.📄 What is the big heading shown on this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Riya’s Recipes</title>
    </head>
    <body>
      <h1>Planets</h1>
      <p>We won by 5 runs.</p>
    </body>
    </html> (a) body (b) We won by 5 runs. (c) Riya’s Recipes (d) Planets
26. 26.🔠 How many <h1> headings should a page usually have? (a) 6 (b) 3 (c) 1 (d) 10
27. 27.📊 Which tag makes one table row? (a) <tr> (b) <th> (c) <table> (d) <caption>
28. 28.📝 How many paragraphs does this code make?
    <p>Good morning!</p>
    <h2>I love mangoes.</h2>
    <p>Cricket is fun.</p>
    <p>Good morning!</p>
29. 29.📄 Where does the text of <title> appear? (a) on the browser tab (b) in a big heading (c) at the bottom (d) nowhere
30. 30.🔍 Which is the odd one out? (a) colours code to help us (b) shows line numbers (c) is where we type code (d) has an address bar
31. 31.Which of these is a closing tag? (a) </h1> (b) <body> (c) <title> (d) <p>
32. 32.True or false: <input type="submit"> sends the form. (a) True (b) False
33. 33.♿ Is this heading order correct (no level skipped)?
    <h1> → <h1> → <h2> → <h3> (a) No (b) Yes
34. 34.📄 What is the big heading shown on this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Class 7 Blog</title>
    </head>
    <body>
      <h1>Welcome!</h1>
      <p>Here is my best one.</p>
    </body>
    </html> (a) body (b) Welcome! (c) Here is my best one. (d) Class 7 Blog
35. 35.📄 Where does <a> go: in the head or in the body? (a) in the body (b) in the head
36. 36.✍️ Which sign goes between a property and its value? (a) = (b) - (c) : (d) ;
37. 37.⚡ What does this code print? (Look at the quotes!)
    let x = "3";
    let y = 3;
    console.log(x + y); (a) Error (b) 6 (c) 33
38. 38.Which of these is true of <aside>? (a) sits at the bottom (b) helps you move around (c) holds the main content (d) holds extra side notes
39. 39.🔗 Where does this link open?
    <a href="games.html">Play games</a> (a) in a new tab (b) in the same tab
40. 40.🔁 How many times does this code print “Well done”?
    for (let i = 2; i < 8; i++) {
      console.log("Well done");
    }

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