Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 781 · 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 colour of light is strongest in rgb(177, 49, 25)? (a) blue (b) red (c) green
2. 2.📋 Which list tag lists things in any order? (a) <ul> (b) <li> (c) <ol>
3. 3.📋 Which list suits a shopping list in any order? (a) <br> (b) <hr> (c) <ol> (d) <ul>
4. 4.Which of these is the content? (a) the text or picture (b) a solid or dotted edge (c) space inside the border (d) the gap round content
5. 5.🌈 Which colour is rgb(0, 0, 0)? (a) magenta (b) yellow (c) black (d) cyan
6. 6.🏷️ Is <body> an opening tag or a closing tag? (a) an opening tag (b) a closing tag
7. 7.💪 How wide (px) is each gap between two boxes?
   .row {
     display: flex;
     width: 280px;
     justify-content: space-between;
   }
   Inside are 3 boxes, each 80px wide (no margins).
8. 8.♿ Does this help everyone, or make the page harder to use: use big enough text? (a) helps everyone (b) makes it harder
9. 9.True or false: <footer> holds copyright notes. (a) True (b) False
10. 10.True or false: <table> goes in the head. (a) False (b) True
11. 11.♿ A part of the page is under a <h5> heading. Which tag should its sub-heading use? (a) <h5> (b) <h6> (c) <h1> (d) <h4>
12. 12.📄 Where does <a> go: in the head or in the body? (a) in the head (b) in the body
13. 13.🎯 Which CSS selector matches this element?
    <h1 class="note" id="intro">Hello</h1> (a) h2 (b) #note (c) .big (d) h1
14. 14.📝 Which tag makes a drop-down list? (a) <ul> (b) <li> (c) <ol> (d) <select>
15. 15.📝 Which tag holds a whole form? (a) <ol> (b) <input> (c) <form> (d) <table>
16. 16.🖌️ What colour are the letters?
    h2 {
      color: red;
      background-color: white;
      font-size: 20px;
      text-align: left;
    } (a) white (b) purple (c) red
17. 17.🖌️ How big is the text, in px?
    h2 {
      text-align: left;
      color: orange;
      font-size: 32px;
      background-color: yellow;
    }
18. 18.📊 How many cells are in each row?
    <table>
      <tr><th>Name</th><th>Fruit</th><th>Price</th></tr>
      <tr><td>Litchi</td><td>Litchi</td><td>Litchi</td></tr>
    </table>
19. 19.🧩 Which language rounds box corners? (a) HTML (b) CSS (c) JavaScript
20. 20.🔗 Which words do you click on?
    <a href="news.html">Visit the site</a> (a) Visit the site (b) news.html (c) href (d) Maths fun
21. 21.✍️ In color: blue; which part is the property? (a) : (b) blue (c) ; (d) color
22. 22.🎨 What does CSS stand for? (a) Creative Sheet System (b) Colourful Site Styles (c) Cascading Style Sheets (d) Computer Style Sheets
23. 23.📱 The screen is 820px wide. Does the rule inside @media apply?
    p {
      font-size: 24px;
    }
    @media (min-width: 480px) {
      p {
        font-size: 26px;
      }
    } (a) No (b) Yes
24. 24.⚖️ Which selector is the weakest? (a) an id selector (b) an element selector (c) a class selector
25. 25.Which of these is an empty tag? (a) <ul> (b) <hr> (c) <title> (d) <h1>
26. 26.True or false: p is an element selector. (a) False (b) True
27. 27.🔠 How many headings are in this code?
    <h1>Fun facts</h1>
    <p>Good morning!</p>
    <p>I love mangoes.</p>
28. 28.🔠 Are headings shown in bold by default? (a) Yes (b) No
29. 29.⚖️ What colour is the text of this element?
    <p class="menu" id="main">Hi</p>
    CSS:
    #main { color: green; }
    .menu { color: blue; } (a) blue (b) green (c) black (d) white
30. 30.🌍 Which one stores the site’s files? (a) the browser (b) HTTPS (c) the URL (d) the server
31. 31.🔢 In a basic web page file, which comes FIRST? (a) <html> (b) </body> (c) </html> (d) <!DOCTYPE html>
32. 32.📝 Does <input> have a closing tag, or is it an empty tag? (a) has a closing tag (b) an empty tag
33. 33.True or false: “use big enough text” makes the page harder to use. (a) True (b) False
34. 34.🌈 Which colour is rgb(255, 0, 255)? (a) red (b) magenta (c) blue (d) yellow
35. 35.📄 Can HTML on its own make bullet lists? (a) Yes (b) No
36. 36.🏷️ Is <li> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
37. 37.🌍 What is the domain name in this URL?
    http://learn.example.com/index.html (a) /index.html (b) http (c) learn.example.com (d) www.example.com
38. 38.🔤 In “HTML”, what does the M stand for? (a) Modern (b) Mouse (c) Markup (d) Machine
39. 39.🖼️ Does <img> need a closing tag? (a) No (b) Yes
40. 40.What does font-family do? (a) sets the letter colour (b) makes the text bold (c) colours behind the text (d) picks the font style

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