Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 212 · 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.🔠 How many headings are in this code?
   <h1>Our school trip</h1>
   <p>Cricket is fun.</p>
   <p>I love mangoes.</p>
   <p>My pets</p>
   <p>Hello, world!</p>
2. 2.Which of these is a weak password? (a) Kite_Fl1es@Dawn (b) password (c) Chai$Cup_19x (d) S0lar!Pen#8
3. 3.⚖️ What colour is the text of this element?
   <h1 class="box" id="intro">Hi</h1>
   CSS:
   .box { color: white; }
   .box { color: orange; } (a) black (b) blue (c) white (d) orange
4. 4.🌐 Which one has an address bar? (a) a web server (b) a code editor (c) a web browser
5. 5.🧭 Is <span> semantic or not semantic? (a) semantic (b) not semantic
6. 6.✍️ Which property is set to yellow in this rule?
   h1 {
     padding: 8px;
     background-color: yellow;
   } (a) padding (b) yellow (c) background-color (d) margin
7. 7.🔍 One closing tag is missing. Which one?
   <h2>Good morning!
   <h1>Rain today</h1>
   <u>Hello, world!</u> (a) </h1> (b) </u> (c) </em> (d) </h2>
8. 8.True or false: padding is space inside the border. (a) False (b) True
9. 9.🖼️ The picture cannot load. Which text does the browser show instead?
   <img src="fort.jpg" alt="An old fort" width="50"> (a) A tiger asleep (b) fort.jpg (c) An old fort (d) width
10. 10.🏷️ Is </body> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
11. 11.True or false: <input type="text"> is for one line of words. (a) True (b) False
12. 12.⚖️ What colour is the text of this element?
    <h1 class="star" id="top">Hi</h1>
    CSS:
    h1 { color: black; }
    #top { color: red; }
    .star { color: yellow; } (a) black (b) purple (c) yellow (d) red
13. 13.📦 In the box model, which part is a solid or dotted edge? (a) margin (b) padding (c) content (d) border
14. 14.True or false: a web browser hosts websites online. (a) True (b) False
15. 15.Which of these is margin? (a) a solid or dotted edge (b) the gap round content (c) the text or picture (d) space outside the border
16. 16.Which colour pair is hard to read? (a) dark grey on white (b) white on black (c) light grey on white (d) black on white
17. 17.Which colour pair is easy to read? (a) blue on purple (b) red on green (c) yellow on black (d) light grey on white
18. 18.⚡ What does this code print? (Look at the quotes!)
    let x = "8";
    let y = 6;
    console.log(x + y); (a) 14 (b) Error (c) 86
19. 19.🛡️ A pop-up says you won a prize and asks for your password. What do you do? (a) click it twice (b) type the password (c) share it with friends (d) close it, tell an adult
20. 20.🔗 Which tag makes a clickable link? (a) <link> (b) <a> (c) <img> (d) <p>
21. 21.🚀 Where in index.html does the link to style.css go? (a) after </html> (b) in the head (c) inside a <p> (d) in the footer
22. 22.🏷️ Is <p> an opening tag or a closing tag? (a) an opening tag (b) a closing tag
23. 23.True or false: <input type="submit"> sends the form. (a) True (b) False
24. 24.What does justify-content: center do? (a) equal gaps, none at ends (b) puts boxes in the middle (c) packs boxes at the end (d) packs boxes at the start
25. 25.🔗 Which address opens when you click this link?
    <a href="art.html">School news</a> (a) art.html (b) news.html (c) School news (d) quiz.html
26. 26.🎯 How many elements on a page should have the same id? (a) 2 (b) 5 (c) any number (d) 1
27. 27.🏷️ Which is the closing tag for <h3>? (a) <h3/> (b) </h3> (c) <h3> (d) <\h3>
28. 28.📊 In a table, which tag is a row? (a) <th> (b) <tr> (c) <tb> (d) <td>
29. 29.🔍 Which is the odd one out? (a) lays out the page (b) rounds box corners (c) changes the text size (d) makes a form box
30. 30.True or false: <a href="a.html">Go</a> goes in style.css. (a) True (b) False
31. 31.📄 What does the browser tab show for this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Art Gallery</title>
    </head>
    <body>
      <h1>Welcome!</h1>
      <p>We won by 5 runs.</p>
    </body>
    </html> (a) We won by 5 runs. (b) index.html (c) Art Gallery (d) Welcome!
32. 32.🖌️ Which CSS property colours behind the text? (a) text-align (b) font-family (c) font-weight (d) background-color
33. 33.🔍 One closing tag is missing. Which one?
    <b>Rain today
    <i>Fun facts</i>
    <strong>Cricket is fun.</strong> (a) </strong> (b) </i> (c) </b> (d) </h2>
34. 34.True or false: <input type="date"> hides what you type. (a) False (b) True
35. 35.🌗 Is blue on purple easy or hard to read? (a) easy to read (b) hard to read
36. 36.🔠 Which tag is used for the main title on a page? (a) <h6> (b) <h1> (c) <p> (d) <br>
37. 37.🖼️ Which picture file does the browser load?
    <img src="bus.jpg" alt="Our school bus" width="50"> (a) tiger.jpg (b) Our school bus (c) fort.jpg (d) bus.jpg
38. 38.📄 What does the browser tab show for this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Class 7 Blog</title>
    </head>
    <body>
      <h1>Planets</h1>
      <p>Mars is red.</p>
    </body>
    </html> (a) Class 7 Blog (b) Planets (c) Mars is red. (d) index.html
39. 39.🔠 Which heading shows the BIGGEST text: <h3>, <h4>, <h5> or <h2>? (a) <h4> (b) <h2> (c) <h3> (d) <h5>
40. 40.📝 How many paragraphs does this code make?
    <p>My pets</p>
    <p>Fun facts</p>
    <h2>Rain today</h2>
    <p>Cricket is fun.</p>
    <h2>Rain today</h2>
    <h2>My best friend</h2>

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