Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 455 · 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 kind of selector is #end? (a) an element selector (b) an id selector (c) a class selector
2. 2.🔠 How many headings are in this code?
   <h1>I love mangoes.</h1>
   <p>Good morning!</p>
   <p>Hello, world!</p>
3. 3.♿ Does this help everyone, or make the page harder to use: link text “click here”? (a) makes it harder (b) helps everyone
4. 4.📋 Which tag goes around each item of a list? (a) <li> (b) <p> (c) <ol> (d) <ul>
5. 5.📱 The screen is 540px wide. Does the rule inside @media apply?
   p {
     font-size: 16px;
   }
   @media (min-width: 600px) {
     p {
       font-size: 20px;
     }
   } (a) No (b) Yes
6. 6.🔠 Which heading shows the SMALLEST text: <h5>, <h3>, <h4> or <h2>? (a) <h3> (b) <h4> (c) <h5> (d) <h2>
7. 7.Which of these goes in the body? (a) <link rel="stylesheet"> (b) <style> (c) <title> (d) <ul>
8. 8.📝 On how many lines does the browser show this paragraph?
   <p>Roses are red<br>Stars shine<br>Kites fly high<br>Sky is blue<br>Birds sing</p>
9. 9.🔠 Which heading shows the SMALLEST text: <h6>, <h3>, <h1> or <h2>? (a) <h3> (b) <h1> (c) <h6> (d) <h2>
10. 10.💬 Which text will NOT show on the page?
    <!-- <p>My best friend</p> -->
    <p>Fun facts</p>
    <p>My pets</p> (a) Fun facts (b) My pets (c) My best friend
11. 11.📝 How many <input> tags are in this form?
    <form>
      <input type="number">
      <input type="date">
      <input type="submit" value="Send">
    </form>
12. 12.Which of these is safe to do online? (a) download from pop-ups (b) click prize links (c) meet an online stranger (d) check for https first
13. 13.📋 Which list shows the steps of a recipe best? (a) <br> (b) <ul> (c) <hr> (d) <ol>
14. 14.📝 Which tag makes a big box for many lines of text? (a) <textarea> (b) <br> (c) <p> (d) <input>
15. 15.📱 The screen is 320px wide. What font-size (px) does the paragraph get?
    p {
      font-size: 24px;
    }
    @media (max-width: 600px) {
      p {
        font-size: 22px;
      }
    }
16. 16.True or false: p { color: red; } goes in script.js. (a) True (b) False
17. 17.🎨 A CSS file usually ends with which extension? (a) .html (b) .png (c) .css (d) .js
18. 18.🔠 Which tag is used for the main title on a page? (a) <br> (b) <h6> (c) <h1> (d) <p>
19. 19.True or false: HTML rounds box corners. (a) False (b) True
20. 20.🏷️ Which is the closing tag for <strong>? (a) <\strong> (b) <strong> (c) </strong> (d) <strong/>
21. 21.🖌️ What colour are the letters?
    li {
      background-color: orange;
      text-align: left;
      font-size: 12px;
      color: purple;
    } (a) blue (b) orange (c) purple
22. 22.🔗 Which address opens when you click this link?
    <a href="games.html">About us</a> (a) games.html (b) about.html (c) contact.html (d) About us
23. 23.💬 Does the browser show comments on the page? (a) No (b) Yes
24. 24.True or false: <ul> goes inside ul or ol. (a) False (b) True
25. 25.True or false: <ul> is an unordered list. (a) False (b) True
26. 26.🔤 In “HTML”, what do the letters HT stand for? (a) High Tech (b) HyperText (c) Hot Tags (d) Home Text
27. 27.♿ Is this heading order correct (no level skipped)?
    <h1> → <h1> → <h2> → <h3> (a) Yes (b) No
28. 28.📄 What does the browser tab show for this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Space Facts</title>
    </head>
    <body>
      <h1>Easy snacks</h1>
      <p>Here is my best one.</p>
    </body>
    </html> (a) Here is my best one. (b) Space Facts (c) index.html (d) Easy snacks
29. 29.🔗 Which address opens when you click this link?
    <a href="games.html">School news</a> (a) contact.html (b) School news (c) games.html (d) about.html
30. 30.Which of these is safe to do online? (a) log out on shared PCs (b) put secrets in comments (c) meet an online stranger (d) share your password
31. 31.🖌️ Where does the text sit on its line?
    h2 {
      font-size: 20px;
      text-align: right;
      color: blue;
      background-color: white;
    } (a) in the middle (b) on the right (c) on the left
32. 32.🔗 Which words do you click on?
    <a href="about.html">Play games</a> (a) Play games (b) About us (c) href (d) about.html
33. 33.💬 How many paragraphs show on the page?
    <p>Our school trip</p>
    <p>The red kite</p>
    <!-- <p>My best friend</p> -->
34. 34.🔢 When you open a web page, which comes FIRST? (a) you type the URL (b) the server sends files (c) the browser asks it (d) DNS finds the server
35. 35.🌗 Is yellow on white easy or hard to read? (a) easy to read (b) hard to read
36. 36.🔁 What does this code print?
    let marks = 40;
    if (marks > 7) {
      console.log("Pass");
    } else {
      console.log("Try again");
    } (a) Try again (b) Pass
37. 37.⚡ Which tag holds JavaScript in a page? (a) <js> (b) <style> (c) <code> (d) <script>
38. 38.📄 What is the big heading shown on this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>My Hobbies</title>
    </head>
    <body>
      <h1>Match report</h1>
      <p>Thanks for visiting.</p>
    </body>
    </html> (a) My Hobbies (b) Thanks for visiting. (c) body (d) Match report
39. 39.What does font-family do? (a) colours behind the text (b) sets the letter colour (c) makes letters bigger (d) picks the font style
40. 40.📊 Which tag gives the table a title? (a) <td> (b) <tr> (c) <th> (d) <caption>

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