Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 379 · 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.🔠 How many headings are in this code?
   <h1>Fun facts</h1>
   <h2>My pets</h2>
   <p>Good morning!</p>
2. 2.True or false: #logo is an id selector. (a) True (b) False
3. 3.🎯 Which sign starts an id selector? (a) # (b) @ (c) & (d) .
4. 4.True or false: h1 is an element selector. (a) False (b) True
5. 5.🔠 Which heading shows the SMALLEST text: <h4>, <h2>, <h5> or <h1>? (a) <h1> (b) <h4> (c) <h2> (d) <h5>
6. 6.Which of these is an opening tag? (a) <title> (b) </body> (c) </b> (d) </li>
7. 7.📱 The screen is 320px wide. What font-size (px) does the paragraph get?
   p {
     font-size: 16px;
   }
   @media (max-width: 600px) {
     p {
       font-size: 12px;
     }
   }
8. 8.✍️ Which sign goes between a property and its value? (a) = (b) : (c) - (d) ;
9. 9.True or false: <ol> shows bullet points. (a) True (b) False
10. 10.🔠 Which tag is used for the main title on a page? (a) <br> (b) <h1> (c) <p> (d) <h6>
11. 11.🧩 An opening tag + content + a closing tag together make an ___. (a) attribute (b) element (c) editor (d) address
12. 12.🌐 Which one turns HTML into a page? (a) a web browser (b) a code editor (c) a web server
13. 13.📋 Which tag goes around each item of a list? (a) <p> (b) <ol> (c) <ul> (d) <li>
14. 14.🔗 Where does this link open?
    <a href="games.html">Take the quiz</a> (a) in the same tab (b) in a new tab
15. 15.⚖️ Which selector is the weakest? (a) a class selector (b) an element selector (c) an id selector
16. 16.♿ A part of the page is under a <h4> heading. Which tag should its sub-heading use? (a) <h2> (b) <h1> (c) <h6> (d) <h5>
17. 17.True or false: HTTPS scrambles data on its way. (a) True (b) False
18. 18.📱 The screen is 320px wide. Does the rule inside @media apply?
    p {
      font-size: 16px;
    }
    @media (min-width: 480px) {
      p {
        font-size: 24px;
      }
    } (a) Yes (b) No
19. 19.What does justify-content: flex-end do? (a) puts boxes in the middle (b) packs boxes at the start (c) packs boxes at the end (d) equal gaps, none at ends
20. 20.True or false: <ul> goes inside ul or ol. (a) True (b) False
21. 21.🔢 To build and share your first web page, what comes right after “write the HTML”? (a) publish it online (b) add CSS styles (c) test in a browser (d) plan what to show
22. 22.Which of these is true of a web server? (a) hosts websites online (b) colours code to help us (c) saves our .html files (d) shows pages from the web
23. 23.📋 Which list suits a shopping list in any order? (a) <ul> (b) <hr> (c) <ol> (d) <br>
24. 24.What is <input type="checkbox"> for? (a) sends the form (b) lets you tick many (c) is for an email address (d) is for one line of words
25. 25.⚡ Which JavaScript word makes a new variable? (a) console.log() (b) for (c) if (d) let
26. 26.⚡ What number does this code print?
    let marks = 18;
    marks = marks + 13;
    marks = marks - 28;
    console.log(marks);
27. 27.🔠 Which tag is the least important heading? (a) <h1> (b) <h6> (c) <h3> (d) <p>
28. 28.True or false: HTML reacts to a button click. (a) False (b) True
29. 29.🌐 Which one sends pages over the net? (a) a code editor (b) a web server (c) a web browser
30. 30.🖌️ What colour is behind the letters?
    h1 {
      text-align: right;
      background-color: green;
      font-size: 32px;
      color: white;
    } (a) green (b) yellow (c) white
31. 31.⚡ Which JavaScript word shows a pop-up box? (a) console.log() (b) for (c) alert() (d) let
32. 32.What does color do? (a) makes the text bold (b) sets the letter colour (c) picks the font style (d) centres a heading
33. 33.🎯 Which CSS selector matches this element?
    <p class="note" id="logo">Hello</p> (a) .logo (b) h1 (c) .big (d) #logo
34. 34.⚖️ What colour is the text of this element?
    <h1 class="big" id="intro">Hi</h1>
    CSS:
    .big { color: yellow; }
    h1 { color: blue; }
    #intro { color: white; } (a) black (b) blue (c) yellow (d) white
35. 35.Which of these is not safe to do online? (a) type a password on http (b) log out on shared PCs (c) use a strong password (d) keep passwords secret
36. 36.True or false: to ask before downloading is not safe. (a) True (b) False
37. 37.📋 Which list tag goes inside ul or ol? (a) <ol> (b) <ul> (c) <li>
38. 38.🔁 What does this code print?
    let score = 14;
    if (score > 18) {
      console.log("You win");
    } else {
      console.log("Play again");
    } (a) Play again (b) You win
39. 39.True or false: <input type="submit"> is for an email address. (a) True (b) False
40. 40.⚡ Which word makes a new variable? (a) make (b) put (c) let (d) give

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