Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 821 · 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.True or false: <li> goes inside ul or ol. (a) True (b) False
2. 2.🔗 Which words do you click on?
   <a href="contact.html">About us</a> (a) Contact us (b) contact.html (c) About us (d) href
3. 3.⚖️ What colour is the text of this element?
   <h2 class="menu" id="hero">Hi</h2>
   CSS:
   .menu { color: purple; }
   .menu { color: red; } (a) yellow (b) orange (c) purple (d) red
4. 4.🏷️ Every HTML tag starts with which sign? (a) < (b) { (c) ( (d) [
5. 5.🔍 Which line is missing its closing tag?
   line 1: <small>The red kite
   line 2: <h3>My pets</h3>
   line 3: <b>Rain today</b> (a) line 2 (b) line 3 (c) line 1
6. 6.📄 What does the browser tab show for this page?
   <!DOCTYPE html>
   <html>
   <head>
     <title>Cricket Club</title>
   </head>
   <body>
     <h1>All about me</h1>
     <p>Thanks for visiting.</p>
   </body>
   </html> (a) Thanks for visiting. (b) index.html (c) All about me (d) Cricket Club
7. 7.True or false: in <img>, src is read by screen readers. (a) True (b) False
8. 8.💬 Which text will NOT show on the page?
   <p>My best friend</p>
   <!-- <p>Rain today</p> -->
   <p>Good morning!</p>
   <p>The red kite</p> (a) The red kite (b) Good morning! (c) My best friend (d) Rain today
9. 9.🔠 Which heading shows the SMALLEST text: <h4>, <h3>, <h2> or <h1>? (a) <h3> (b) <h1> (c) <h2> (d) <h4>
10. 10.True or false: “use headings in order” makes the page harder to use. (a) False (b) True
11. 11.🚀 Which program lets you see your web page while you build it? (a) a photo viewer (b) a web browser (c) a calculator (d) a music player
12. 12.🔠 Which tag is the least important heading? (a) <h1> (b) <p> (c) <h3> (d) <h6>
13. 13.🔢 On a typical page, from top to bottom, what comes right after “<header>”? (a) <footer> (b) <nav> (c) <main>
14. 14.🖌️ Where does the text sit on its line?
    li {
      background-color: green;
      text-align: left;
      font-size: 28px;
      color: red;
    } (a) on the right (b) in the middle (c) on the left
15. 15.🧩 Which language counts down a timer? (a) CSS (b) HTML (c) JavaScript
16. 16.True or false: <input type="text"> is for one line of words. (a) True (b) False
17. 17.💪 Which flexbox property turns on flexbox? (a) gap (b) flex-direction (c) display: flex (d) justify-content
18. 18.🔠 How many heading levels does HTML have? (a) 10 (b) 4 (c) 3 (d) 6
19. 19.🌍 What is the path in this URL?
    http://kids.example.org/games/chess.html (a) http (b) kids.example.org (c) /about.html (d) /games/chess.html
20. 20.Which of these does HTML do? (a) reacts to a button click (b) rounds box corners (c) puts a picture on a page (d) changes the page live
21. 21.🌍 Which one scrambles data on its way? (a) HTTPS (b) the browser (c) the URL (d) the server
22. 22.⚡ What number does this code print?
    let a = 10;
    let b = 11;
    console.log(a * b);
23. 23.Which of these goes in the body? (a) <style> (b) <title> (c) <ul> (d) <link rel="stylesheet">
24. 24.✍️ How many declarations (property: value pairs) are in this rule?
    p {
      font-weight: bold;
    }
25. 25.Which colour pair is hard to read? (a) light grey on white (b) black on white (c) dark grey on white (d) white on black
26. 26.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="fort.jpg" alt="An old fort" width="150"> (a) An old fort (b) width (c) fort.jpg (d) A tiger asleep
27. 27.📦 How much space across (px) does this box take in all, margin included?
    .box {
      width: 240px;
      padding: 10px;
      border: 3px solid black;
      margin: 10px;
    }
28. 28.🛡️ Online: is it safe to tell a trusted adult? (a) not safe (b) safe
29. 29.🔗 Which address opens when you click this link?
    <a href="quiz.html">Play games</a> (a) about.html (b) games.html (c) Play games (d) quiz.html
30. 30.💬 How many paragraphs show on the page?
    <p>Good morning!</p>
    <p>Fun facts</p>
    <!-- <p>My pets</p> -->
    <p>I love mangoes.</p>
    <!-- <p>Hello, world!</p> -->
31. 31.🏷️ Is <li> an opening tag or a closing tag? (a) an opening tag (b) a closing tag
32. 32.🖌️ What colour is behind the letters?
    p {
      background-color: orange;
      text-align: left;
      color: red;
      font-size: 16px;
    } (a) orange (b) green (c) red
33. 33.🏷️ What does a closing tag have that an opening tag does not? (a) a dot . (b) a slash / (c) a dollar $ (d) a hash #
34. 34.🔗 Where does this link open?
    <a href="maths.html" target="_blank">Visit the site</a> (a) in the same tab (b) in a new tab
35. 35.📝 Does <input> have a closing tag, or is it an empty tag? (a) an empty tag (b) has a closing tag
36. 36.True or false: <p> has a closing tag. (a) False (b) True
37. 37.🌈 Which colour is #000000? (a) black (b) red (c) magenta (d) yellow
38. 38.🔗 Which words do you click on?
    <a href="quiz.html">Maths fun</a> (a) quiz.html (b) Art corner (c) href (d) Maths fun
39. 39.Which of these is true of a code editor? (a) colours code to help us (b) turns HTML into a page (c) sends pages over the net (d) opens web pages for us
40. 40.🔠 Which tag is used for the main title on a page? (a) <h6> (b) <br> (c) <p> (d) <h1>

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