Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 87 · 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 of these is true of <footer>? (a) holds extra side notes (b) sits at the bottom (c) holds one blog post (d) holds a side box of tips
2. 2.True or false: CSS adds space around boxes. (a) True (b) False
3. 3.🔁 What is the LAST number this code prints?
   for (let i = 0; i < 13; i = i + 2) {
     console.log(i);
   }
4. 4.📦 How much space across (px) does this box take in all, margin included?
   .box {
     width: 70px;
     padding: 30px;
     border: 4px solid black;
     margin: 5px;
   }
5. 5.🔍 One closing tag is missing. Which one?
   <em>Good morning!
   <u>I love mangoes.</u>
   <h2>Our school trip</h2> (a) </u> (b) </h1> (c) </h2> (d) </em>
6. 6.True or false: in <img>, alt describes the picture. (a) False (b) True
7. 7.⚡ What does this code show?
   let name = "Meera";
   alert("Hi, " + name + "!"); (a) name (b) Meera (c) Hi, Meera! (d) Hi, name!
8. 8.🔗 What does target="_blank" do to a link? (a) hides the link (b) makes it bold (c) opens it in a new tab (d) makes it blank
9. 9.♿ Does this help everyone, or make the page harder to use: link text “click here”? (a) makes it harder (b) helps everyone
10. 10.🔢 When you open a web page, what comes right after “the browser asks it”? (a) the server sends files (b) you type the URL (c) DNS finds the server (d) the browser shows it
11. 11.🔗 Which words do you click on?
    <a href="contact.html">Art corner</a> (a) contact.html (b) School news (c) Art corner (d) href
12. 12.✍️ Which sign goes between a property and its value? (a) = (b) ; (c) - (d) :
13. 13.♿ Who uses a screen reader? (a) people who are blind (b) only robots (c) only teachers (d) only coders
14. 14.🔡 Are HTML tag names usually written in small letters? (a) No (b) Yes
15. 15.📝 On how many lines does the browser show this paragraph?
    <p>Sky is blue<br>Roses are red</p>
16. 16.🛡️ Online: is it safe to check for https first? (a) not safe (b) safe
17. 17.🔢 When you open a web page, which comes FIRST? (a) the browser asks it (b) the browser shows it (c) the server sends files (d) you type the URL
18. 18.🖼️ Which picture file does the browser load?
    <img src="moon.png" alt="The full moon" width="400"> (a) moon.png (b) The full moon (c) fort.jpg (d) bus.jpg
19. 19.♿ A part of the page is under a <h3> heading. Which tag should its sub-heading use? (a) <h1> (b) <h2> (c) <h4> (d) <h6>
20. 20.📱 The screen is 1366px wide. Does the rule inside @media apply?
    p {
      font-size: 24px;
    }
    @media (max-width: 480px) {
      p {
        font-size: 20px;
      }
    } (a) No (b) Yes
21. 21.Which of these goes in the body? (a) <h1> (b) <meta charset="utf-8"> (c) <title> (d) <style>
22. 22.🔍 One closing tag is missing. Which one?
    <i>My best friend
    <p>Good morning!</p>
    <small>My pets</small> (a) </em> (b) </i> (c) </small> (d) </p>
23. 23.True or false: <table> makes one data cell. (a) False (b) True
24. 24.🔢 On a typical page, from top to bottom, which comes FIRST? (a) <header> (b) <nav> (c) <main> (d) <footer>
25. 25.True or false: padding is space inside the border. (a) True (b) False
26. 26.📋 Which list suits a shopping list in any order? (a) <hr> (b) <ol> (c) <br> (d) <ul>
27. 27.Which of these is true of <header>? (a) holds the main content (b) holds the logo and title (c) helps you move around (d) holds copyright notes
28. 28.🧭 Which semantic tag helps you move around? (a) <header> (b) <article> (c) <main> (d) <nav>
29. 29.🔁 How many times does this code print “Welcome”?
    for (let i = 0; i < 2; i++) {
      console.log("Welcome");
    }
30. 30.🖼️ Which picture file does the browser load?
    <img src="kite.png" alt="A red kite" width="200"> (a) A red kite (b) map.png (c) cake.jpg (d) kite.png
31. 31.📱 The screen is 320px wide. What font-size (px) does the paragraph get?
    p {
      font-size: 12px;
    }
    @media (max-width: 1024px) {
      p {
        font-size: 8px;
      }
    }
32. 32.What does text-align do? (a) picks the font style (b) centres a heading (c) sets the letter colour (d) colours behind the text
33. 33.🔢 In a basic web page file, which comes first: “<body>” or “</head>”? (a) </head> (b) <body>
34. 34.🌍 What is the protocol in this URL?
    https://school.example.in/about.html (a) /about.html (b) https (c) http (d) school.example.in
35. 35.🔍 Which is the odd one out? (a) sends pages over the net (b) stores a website’s files (c) hosts websites online (d) shows pages from the web
36. 36.📝 Which tag holds a whole form? (a) <form> (b) <ol> (c) <table> (d) <input>
37. 37.💪 How much empty space (px) is before the first box?
    .row {
      display: flex;
      width: 320px;
      justify-content: center;
    }
    Inside are 3 boxes, each 100px wide (no margins).
38. 38.🌈 In #rrggbb, which colour do the first two digits give? (a) blue (b) red (c) black (d) green
39. 39.🌍 What is the protocol in this URL?
    http://learn.example.com/about.html (a) https (b) http (c) learn.example.com (d) /about.html
40. 40.What is <input type="email"> for? (a) takes only numbers (b) is for an email address (c) picks a day (d) lets you tick many

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