Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 174 · 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.🛡️ A pop-up says you won a prize and asks for your password. What do you do? (a) click it twice (b) close it, tell an adult (c) share it with friends (d) type the password
2. 2.True or false: padding is space inside the border. (a) False (b) True
3. 3.🖼️ Why do we add alt text to an image? (a) to make it bigger (b) to load it faster (c) to colour it (d) to describe the image
4. 4.🖼️ Which picture file does the browser load?
   <img src="cake.jpg" alt="Birthday cake" width="300"> (a) moon.png (b) dog.jpg (c) Birthday cake (d) cake.jpg
5. 5.📝 How many paragraphs does this code make?
   <p>Hello, world!</p>
   <p>I love mangoes.</p>
   <p>The red kite</p>
   <p>I love mangoes.</p>
   <p>Rain today</p>
   <h2>The red kite</h2>
6. 6.🖌️ Where does the text sit on its line?
   li {
     color: orange;
     font-size: 20px;
     background-color: blue;
     text-align: center;
   } (a) on the right (b) on the left (c) in the middle
7. 7.♿ Does this help everyone, or make the page harder to use: use headings in order? (a) helps everyone (b) makes it harder
8. 8.🔗 Which words do you click on?
   <a href="quiz.html">Art corner</a> (a) quiz.html (b) School news (c) Art corner (d) href
9. 9.📄 Where does the text of <title> appear? (a) at the bottom (b) in a big heading (c) nowhere (d) on the browser tab
10. 10.True or false: “colour as the only clue” makes the page harder to use. (a) True (b) False
11. 11.True or false: the border is space inside the border. (a) False (b) True
12. 12.True or false: <header> sits at the very top. (a) False (b) True
13. 13.🔍 One closing tag is missing. Which one?
    <i>The red kite
    <strong>Good morning!</strong>
    <h1>My pets</h1> (a) </h1> (b) </h2> (c) </i> (d) </strong>
14. 14.Which colour pair is easy to read? (a) dark grey on white (b) yellow on white (c) red on green (d) pink on red
15. 15.🏷️ Is </title> an opening tag or a closing tag? (a) an opening tag (b) a closing tag
16. 16.🚀 Which file should this code go in: console.log(5 + 2); (a) style.css (b) script.js (c) index.html
17. 17.🧭 Is <main> semantic or not semantic? (a) semantic (b) not semantic
18. 18.🏷️ Which is the closing tag for <em>? (a) </em> (b) <em> (c) <em/> (d) <\em>
19. 19.Which of these does HTML do? (a) changes the page live (b) puts a picture on a page (c) checks a quiz answer (d) rounds box corners
20. 20.🔠 How many headings are in this code?
    <h1>Hello, world!</h1>
    <h2>Fun facts</h2>
    <p>Good morning!</p>
    <h2>The red kite</h2>
21. 21.💬 Which text will NOT show on the page?
    <p>My pets</p>
    <p>My best friend</p>
    <!-- <p>Good morning!</p> -->
    <p>I love mangoes.</p> (a) My pets (b) I love mangoes. (c) Good morning! (d) My best friend
22. 22.True or false: CSS sets colours and fonts. (a) False (b) True
23. 23.True or false: <a href="a.html">Go</a> goes in script.js. (a) True (b) False
24. 24.🎯 What kind of selector is #hero? (a) an element selector (b) a class selector (c) an id selector
25. 25.📋 Does this list show bullets or numbers?
    <ol>
      <li>Banana</li>
      <li>Jamun</li>
      <li>Litchi</li>
    </ol> (a) bullets (b) numbers
26. 26.True or false: in <img>, height tells which image to load. (a) True (b) False
27. 27.📋 How many items does this list show?
    <ol>
      <li>Papaya</li>
      <li>Jamun</li>
      <li>Mango</li>
      <li>Litchi</li>
    </ol>
28. 28.Which of these is true of a web browser? (a) hosts websites online (b) answers page requests (c) has an address bar (d) shows line numbers
29. 29.🧭 Is <section> semantic or not semantic? (a) not semantic (b) semantic
30. 30.📝 Which input type is for one line of words? (a) password (b) text (c) checkbox (d) email
31. 31.True or false: <header> holds the logo and title. (a) False (b) True
32. 32.True or false: the browser shows the page to you. (a) False (b) True
33. 33.🎯 Which CSS selector matches this element?
    <h2 class="note" id="logo">Hello</h2> (a) #note (b) .big (c) #logo (d) li
34. 34.What does color do? (a) centres a heading (b) sets the letter colour (c) picks the font style (d) makes letters bigger
35. 35.📋 Does this list show bullets or numbers?
    <ul>
      <li>Jamun</li>
      <li>Grapes</li>
    </ul> (a) numbers (b) bullets
36. 36.True or false: a web server sends pages over the net. (a) False (b) True
37. 37.🌍 What is the domain name in this URL?
    https://www.example.net/art/gallery.html (a) https (b) www.example.net (c) /art/gallery.html (d) learn.example.com
38. 38.Which of these does JavaScript do? (a) makes a link (b) adds space around boxes (c) shows a pop-up message (d) makes headings and lists
39. 39.Which of these is not safe to do online? (a) use a nickname in games (b) use a strong password (c) check for https first (d) download from pop-ups
40. 40.📦 How much space across (px) does this box take in all, margin included?
    .box {
      width: 270px;
      padding: 20px;
      border: 3px solid black;
      margin: 10px;
    }

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