Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 463 · 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 sign starts an id selector? (a) & (b) . (c) # (d) @
2. 2.🔗 Which words do you click on?
   <a href="about.html">Art corner</a> (a) School news (b) href (c) Art corner (d) about.html
3. 3.💪 How wide (px) is each gap between two boxes?
   .row {
     display: flex;
     width: 300px;
     justify-content: space-between;
   }
   Inside are 3 boxes, each 60px wide (no margins).
4. 4.🔗 Where does this link open?
   <a href="art.html" target="_blank">Take the quiz</a> (a) in a new tab (b) in the same tab
5. 5.Which of these is margin? (a) the gap to other boxes (b) the gap round content (c) a solid or dotted edge (d) the line round the box
6. 6.📦 How wide (px) is this box from the outer edge of its left border to the outer edge of its right border?
   .box {
     width: 250px;
     padding: 15px;
     border: 1px solid black;
     margin: 15px;
   }
7. 7.🔗 Which attribute holds the address of a link? (a) href (b) src (c) alt (d) id
8. 8.True or false: <th> makes a heading cell. (a) False (b) True
9. 9.📊 Which tag makes one data cell? (a) <caption> (b) <td> (c) <tr> (d) <th>
10. 10.📄 Can HTML on its own pick a random number? (a) No (b) Yes
11. 11.📊 In a table, which tag is a row? (a) <th> (b) <tr> (c) <td> (d) <tb>
12. 12.Which of these is a strong password? (a) 123456 (b) iloveyou (c) S0lar!Pen#8 (d) password
13. 13.🔠 Which heading shows the BIGGEST text: <h6>, <h2>, <h1> or <h4>? (a) <h2> (b) <h4> (c) <h6> (d) <h1>
14. 14.⚖️ What colour is the text of this element?
    <h2 class="big" id="main">Hi</h2>
    CSS:
    .big { color: white; }
    .big { color: black; } (a) purple (b) white (c) red (d) black
15. 15.🔍 Which is the odd one out? (a) shows line numbers (b) sends pages over the net (c) saves our .html files (d) is where we type code
16. 16.📝 What does <p> make? (a) a table (b) a picture (c) a link (d) a paragraph
17. 17.🔠 How many <h1> headings should a page usually have? (a) 10 (b) 6 (c) 3 (d) 1
18. 18.🖼️ How many pixels wide is the picture drawn?
    <img src="map.png" alt="Map of India" width="400">
19. 19.⚖️ What colour is the text of this element?
    <p class="note" id="hero">Hi</p>
    CSS:
    .note { color: purple; }
    p { color: red; }
    #hero { color: orange; } (a) purple (b) orange (c) white (d) red
20. 20.📱 Responsive design means a page ___. (a) has no pictures (b) never changes (c) fits every screen (d) is only for laptops
21. 21.⚡ What number does this code print?
    let a = 39;
    let b = 30;
    console.log(a + b);
22. 22.Which of these is the border? (a) the text or picture (b) the line round the box (c) space inside the border (d) the gap round content
23. 23.True or false: a web server stores a website’s files. (a) True (b) False
24. 24.True or false: <p>Hello!</p> goes in style.css. (a) True (b) False
25. 25.🌈 In #0c0000 the red part is the hex number 0c. What is it as a normal number?
26. 26.✍️ How many declarations (property: value pairs) are in this rule?
    body {
      font-size: 20px;
      color: red;
      text-align: center;
    }
27. 27.🖼️ Which picture file does the browser load?
    <img src="bus.jpg" alt="Our school bus" width="250"> (a) Our school bus (b) tiger.jpg (c) bus.jpg (d) fort.jpg
28. 28.🔍 One closing tag is missing. Which one?
    <strong>Good morning!</strong>
    <i>Hello, world!
    <h1>Fun facts</h1> (a) </h3> (b) </strong> (c) </h1> (d) </i>
29. 29.Which of these is margin? (a) space inside the border (b) the text or picture (c) a solid or dotted edge (d) space outside the border
30. 30.💬 How many paragraphs show on the page?
    <!-- <p>The red kite</p> -->
    <p>I love mangoes.</p>
    <!-- <p>Fun facts</p> -->
    <p>My best friend</p>
31. 31.🔒 What does the lock (HTTPS) in the address bar mean? (a) the data is scrambled (b) the site is free (c) the site is a game (d) the site is fast
32. 32.💬 Why do coders write comments? (a) to add colour (b) to make links (c) to leave notes (d) to show pictures
33. 33.True or false: <ul> lists steps in order. (a) True (b) False
34. 34.🔢 In a basic web page file, which comes first: “</html>” or “<body>”? (a) </html> (b) <body>
35. 35.♿ A part of the page is under a <h2> heading. Which tag should its sub-heading use? (a) <h1> (b) <h2> (c) <h5> (d) <h3>
36. 36.📊 How many rows does this table have?
    <table>
      <tr><td>Guava</td><td>Mango</td><td>Papaya</td><td>Orange</td></tr>
      <tr><td>Papaya</td><td>Mango</td><td>Grapes</td><td>Jamun</td></tr>
      <tr><td>Guava</td><td>Litchi</td><td>Guava</td><td>Orange</td></tr>
      <tr><td>Grapes</td><td>Litchi</td><td>Jamun</td><td>Banana</td></tr>
    </table>
37. 37.📝 How many <input> tags are in this form?
    <form>
      <input type="number">
      <input type="password">
      <input type="submit" value="Send">
    </form>
38. 38.🖼️ Which picture file does the browser load?
    <img src="map.png" alt="Map of India" width="50"> (a) cake.jpg (b) dog.jpg (c) Map of India (d) map.png
39. 39.📝 What does <hr> draw? (a) a picture (b) a table (c) a link (d) a line across the page
40. 40.True or false: <img> goes in the body. (a) False (b) True

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