Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 765 · 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 tag holds the whole table? (a) <tr> (b) <td> (c) <table> (d) <caption>
2. 2.💬 Can anyone read your comments by viewing the page source? (a) No (b) Yes
3. 3.📝 At most, how many of these can be chosen at the same time?
   <form>
     <input type="checkbox" name="sport"> Kabaddi
     <input type="checkbox" name="sport"> Football
     <input type="checkbox" name="sport"> Cricket
   </form>
4. 4.🎯 Which element does the selector .menu style? (a) <h2 class="menu"> (b) <li class="big"> (c) <h2 id="menu"> (d) <h2 class="note">
5. 5.📝 How many paragraphs does this code make?
   <p>I love mangoes.</p>
   <h2>The red kite</h2>
   <p>Rain today</p>
6. 6.True or false: a code editor is where we type code. (a) True (b) False
7. 7.🔁 What is the LAST number this code prints?
   for (let i = 0; i < 16; i = i + 4) {
     console.log(i);
   }
8. 8.🎯 Which sign starts a class selector? (a) # (b) @ (c) & (d) .
9. 9.💬 Does the browser show comments on the page? (a) No (b) Yes
10. 10.🔁 What is the LAST number this code prints?
    for (let i = 0; i < 19; i = i + 2) {
      console.log(i);
    }
11. 11.🌈 In #rrggbb, which colour do the last two digits give? (a) white (b) green (c) blue (d) red
12. 12.What does background-color do? (a) sets the letter colour (b) centres a heading (c) picks the font style (d) colours behind the text
13. 13.True or false: to check for https first is not safe. (a) False (b) True
14. 14.🔠 Which heading shows the BIGGEST text: <h4>, <h1>, <h3> or <h6>? (a) <h3> (b) <h1> (c) <h6> (d) <h4>
15. 15.🖼️ How many pixels wide is the picture drawn?
    <img src="map.png" alt="Map of India" width="200">
16. 16.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="map.png" alt="Map of India" width="300"> (a) Map of India (b) map.png (c) width (d) Birthday cake
17. 17.Which of these is the border? (a) a solid or dotted edge (b) space inside the border (c) space outside the border (d) the gap round content
18. 18.🎯 Can many elements share the same class? (a) No (b) Yes
19. 19.📦 In the box model, which part is space inside the border? (a) border (b) content (c) margin (d) padding
20. 20.💬 Why do coders write comments? (a) to add colour (b) to make links (c) to show pictures (d) to leave notes
21. 21.🔐 Is S0lar!Pen#8 a strong or a weak password? (a) strong (b) weak
22. 22.🔍 One closing tag is missing. Which one?
    <em>Rain today</em>
    <h1>My best friend
    <p>Fun facts</p> (a) </strong> (b) </h1> (c) </em> (d) </p>
23. 23.🔠 Which heading shows the BIGGEST text: <h3>, <h4>, <h6> or <h5>? (a) <h3> (b) <h4> (c) <h5> (d) <h6>
24. 24.Which of these is a strong password? (a) 111111 (b) S0lar!Pen#8 (c) password (d) riya2014
25. 25.📄 Where does <meta charset="utf-8"> go: in the head or in the body? (a) in the head (b) in the body
26. 26.🎯 Which element does the selector #logo style? (a) <p class="big"> (b) <span class="logo"> (c) <span id="end"> (d) <span id="logo">
27. 27.🌈 What is the biggest number one colour can have in rgb()? (a) 100 (b) 1000 (c) 99 (d) 255
28. 28.True or false: JavaScript makes a link. (a) True (b) False
29. 29.🌐 Which one turns HTML into a page? (a) a code editor (b) a web server (c) a web browser
30. 30.Which of these goes in the head? (a) <p> (b) <h1> (c) <style> (d) <ul>
31. 31.🔍 Which is the odd one out? (a) answers page requests (b) sends pages over the net (c) stores a website’s files (d) shows pages from the web
32. 32.🔢 On a typical page, from top to bottom, which comes first: “<header>” or “<main>”? (a) <main> (b) <header>
33. 33.📱 The screen is 1366px wide. Does the rule inside @media apply?
    p {
      font-size: 20px;
    }
    @media (min-width: 1024px) {
      p {
        font-size: 22px;
      }
    } (a) Yes (b) No
34. 34.Which of these is the content? (a) the text or picture (b) the gap round content (c) space inside the border (d) the gap to other boxes
35. 35.✍️ How many declarations (property: value pairs) are in this rule?
    h2 {
      color: red;
      background-color: yellow;
      padding: 8px;
    }
36. 36.🌐 Which one colours code to help us? (a) a code editor (b) a web browser (c) a web server
37. 37.True or false: <article> is the page’s key part. (a) True (b) False
38. 38.True or false: <tr> makes one table row. (a) False (b) True
39. 39.What is <input type="radio"> for? (a) picks a day (b) lets you pick only one (c) hides what you type (d) takes only numbers
40. 40.🖼️ Which tag puts a picture on a page? (a) <p> (b) <img> (c) <a> (d) <pic>

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