Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 453 · 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 items does this list show?
   <ol>
     <li>Papaya</li>
     <li>Mango</li>
   </ol>
2. 2.🔢 To build and share your first web page, what comes right after “test in a browser”? (a) plan what to show (b) write the HTML (c) publish it online (d) add CSS styles
3. 3.📋 What number does the browser show next to “Guava”?
   <ol start="2">
     <li>Banana</li>
     <li>Guava</li>
     <li>Papaya</li>
     <li>Mango</li>
   </ol>
4. 4.🌗 Is yellow on white easy or hard to read? (a) easy to read (b) hard to read
5. 5.📋 How many items does this list show?
   <ol>
     <li>Mango</li>
     <li>Banana</li>
   </ol>
6. 6.⚖️ What colour is the text of this element?
   <h2 class="big" id="hero">Hi</h2>
   CSS:
   #hero { color: purple; }
   #hero { color: orange; } (a) purple (b) green (c) red (d) orange
7. 7.⚡ What number does this code print?
   let a = 20;
   let b = 3;
   console.log(a + b);
8. 8.🌐 Which one has an address bar? (a) a code editor (b) a web server (c) a web browser
9. 9.True or false: <title> goes in the head. (a) False (b) True
10. 10.🖼️ Which attribute of <img> sets how tall it is? (a) src (b) width (c) alt (d) height
11. 11.💬 Can anyone read your comments by viewing the page source? (a) No (b) Yes
12. 12.Which of these is not safe to do online? (a) ask before downloading (b) put secrets in comments (c) keep passwords secret (d) log out on shared PCs
13. 13.✍️ CSS declarations go inside which brackets? (a) { } (b) < > (c) [ ] (d) ( )
14. 14.🧭 Why use <nav> instead of <div> for a menu? (a) it loads faster (b) it adds pictures (c) it makes text red (d) it tells its meaning
15. 15.⚡ Which word makes a new variable? (a) give (b) make (c) let (d) put
16. 16.⚡ What number does this code print?
    let a = 2;
    let b = 11;
    console.log(a * b);
17. 17.📄 Where does <table> go: in the head or in the body? (a) in the head (b) in the body
18. 18.🔢 When you open a web page, which comes LAST? (a) the server sends files (b) the browser asks it (c) you type the URL (d) the browser shows it
19. 19.♿ Which link text is clearest? (a) link (b) click here (c) here (d) Read the fruit facts
20. 20.📱 The screen is 320px wide. Does the rule inside @media apply?
    p {
      font-size: 20px;
    }
    @media (min-width: 768px) {
      p {
        font-size: 28px;
      }
    } (a) No (b) Yes
21. 21.📝 Which input type is for one line of words? (a) password (b) radio (c) number (d) text
22. 22.🧭 Who is helped most by semantic tags? (a) only the printer (b) screen-reader users (c) nobody (d) only the server
23. 23.🌍 What is the protocol in this URL?
    http://www.example.com/index.html (a) https (b) /index.html (c) www.example.com (d) http
24. 24.📝 You type 5 spaces between two words in a <p>. How does the browser show them? (a) as 5 spaces (b) as one space (c) as a dot (d) as a new line
25. 25.🚀 Which file is best for the colours and fonts? (a) index.html (b) script.js (c) photo.jpg (d) style.css
26. 26.🔠 How many headings are in this code?
    <h1>I love mangoes.</h1>
    <h4>I love mangoes.</h4>
    <h4>Rain today</h4>
27. 27.📱 The screen is 540px wide. Does the rule inside @media apply?
    p {
      font-size: 12px;
    }
    @media (max-width: 1024px) {
      p {
        font-size: 8px;
      }
    } (a) No (b) Yes
28. 28.True or false: <ol> is one item of a list. (a) True (b) False
29. 29.📦 In the box model, which part is a solid or dotted edge? (a) padding (b) margin (c) border (d) content
30. 30.True or false: the URL is the page’s address. (a) False (b) True
31. 31.True or false: <input> has a closing tag. (a) True (b) False
32. 32.True or false: HTML puts a picture on a page. (a) False (b) True
33. 33.✍️ What value is given to color in this rule?
    #top {
      color: red;
      border: 2px solid;
    } (a) red (b) color (c) 20px (d) center
34. 34.💬 How many paragraphs show on the page?
    <p>Fun facts</p>
    <!-- <p>My pets</p> -->
    <p>Good morning!</p>
35. 35.🔠 How many heading levels does HTML have? (a) 10 (b) 3 (c) 4 (d) 6
36. 36.True or false: p { color: red; } goes in index.html. (a) True (b) False
37. 37.Which of these is a closing tag? (a) <title> (b) <p> (c) <body> (d) </title>
38. 38.🧩 Which language changes the text size? (a) HTML (b) CSS (c) JavaScript
39. 39.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="kite.png" alt="A red kite" width="50"> (a) A red kite (b) kite.png (c) Map of India (d) width
40. 40.💬 Why do coders write comments? (a) to make links (b) to show pictures (c) to leave notes (d) to add colour

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