Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 610 · 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.🔢 In a basic web page file, which comes first: “</body>” or “<body>”? (a) </body> (b) <body>
2. 2.🔍 One closing tag is missing. Which one?
   <strong>Good morning!
   <u>My pets</u>
   <h3>My best friend</h3> (a) </strong> (b) </h3> (c) </u> (d) </h1>
3. 3.🔠 Which heading shows the SMALLEST text: <h6>, <h2>, <h4> or <h3>? (a) <h6> (b) <h3> (c) <h2> (d) <h4>
4. 4.🚀 You change your code. What should you do to see the change? (a) rename the folder (b) delete the file (c) save and refresh (d) switch off the PC
5. 5.Which of these is true of <main>? (a) holds the logo and title (b) holds a news story (c) sits at the very top (d) holds the main content
6. 6.📝 Which input type takes only numbers? (a) checkbox (b) password (c) radio (d) number
7. 7.🚀 Which file should this code go in: let score = 0; (a) index.html (b) script.js (c) style.css
8. 8.📄 What does the browser tab show for this page?
   <!DOCTYPE html>
   <html>
   <head>
     <title>Space Facts</title>
   </head>
   <body>
     <h1>Planets</h1>
     <p>Thanks for visiting.</p>
   </body>
   </html> (a) index.html (b) Thanks for visiting. (c) Planets (d) Space Facts
9. 9.📄 Where does <p> go: in the head or in the body? (a) in the body (b) in the head
10. 10.⚡ What does this code show?
    let name = "Zoya";
    console.log("Hello, " + name + "!"); (a) Zoya (b) Hello, Zoya! (c) name (d) Hello, name!
11. 11.⚖️ Which selector is the weakest? (a) an element selector (b) an id selector (c) a class selector
12. 12.What does justify-content: flex-end do? (a) puts boxes in the middle (b) packs boxes at the start (c) equal gaps, none at ends (d) packs boxes at the end
13. 13.🔗 Which tag makes a clickable link? (a) <link> (b) <img> (c) <a> (d) <p>
14. 14.🌗 Is light grey on white easy or hard to read? (a) hard to read (b) easy to read
15. 15.🎨 One CSS file can style how many pages? (a) no pages (b) many pages (c) only one word (d) only one image
16. 16.📝 How many paragraphs does this code make?
    <p>Hello, world!</p>
    <h2>I love mangoes.</h2>
    <h2>Our school trip</h2>
    <p>Cricket is fun.</p>
    <p>Good morning!</p>
17. 17.🚀 Which file is best for code that reacts to clicks? (a) notes.txt (b) style.css (c) index.html (d) script.js
18. 18.🔠 How many headings are in this code?
    <h1>Hello, world!</h1>
    <p>Good morning!</p>
    <h3>Good morning!</h3>
19. 19.🌈 In #000083 the blue part is the hex number 83. What is it as a normal number?
20. 20.🔠 How many headings are in this code?
    <h1>I love mangoes.</h1>
    <p>Rain today</p>
    <p>Rain today</p>
21. 21.⚡ What does this code print? (Look at the quotes!)
    let x = "1";
    let y = 2;
    console.log(x + y); (a) Error (b) 12 (c) 3
22. 22.🌗 Is white on dark blue easy or hard to read? (a) hard to read (b) easy to read
23. 23.📝 How many paragraphs does this code make?
    <p>My best friend</p>
    <h2>I love mangoes.</h2>
    <p>The red kite</p>
    <p>My pets</p>
    <h2>Good morning!</h2>
    <p>Cricket is fun.</p>
24. 24.🌍 Which one sends the page back? (a) HTTPS (b) the URL (c) the server (d) the browser
25. 25.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="moon.png" alt="The full moon" width="300"> (a) width (b) moon.png (c) Our school bus (d) The full moon
26. 26.🖌️ What colour are the letters?
    h1 {
      font-size: 24px;
      text-align: left;
      background-color: blue;
      color: black;
    } (a) black (b) blue (c) green
27. 27.🏷️ Which is the closing tag for <h3>? (a) <\h3> (b) <h3> (c) <h3/> (d) </h3>
28. 28.🔢 When you open a web page, which comes first: “you type the URL” or “the browser asks it”? (a) you type the URL (b) the browser asks it
29. 29.🔠 How many headings are in this code?
    <h1>Cricket is fun.</h1>
    <h4>I love mangoes.</h4>
    <p>Fun facts</p>
30. 30.📋 What number does the browser show next to “Guava”?
    <ol>
      <li>Jamun</li>
      <li>Guava</li>
      <li>Litchi</li>
      <li>Orange</li>
    </ol>
31. 31.💪 Which justify-content value puts boxes in the middle? (a) space-between (b) center (c) flex-end (d) flex-start
32. 32.Which of these is true of a web server? (a) opens web pages for us (b) is where we type code (c) shows line numbers (d) stores a website’s files
33. 33.♿ Is this heading order correct (no level skipped)?
    <h1> → <h1> → <h3> → <h3> (a) No (b) Yes
34. 34.🌈 What is the biggest number one colour can have in rgb()? (a) 99 (b) 1000 (c) 255 (d) 100
35. 35.📄 What is the first line of an HTML5 page? (a) <body> (b) <!DOCTYPE html> (c) <html> (d) <head>
36. 36.🔗 Which words do you click on?
    <a href="about.html">Take the quiz</a> (a) Play games (b) href (c) Take the quiz (d) about.html
37. 37.🧭 Is <span> semantic or not semantic? (a) not semantic (b) semantic
38. 38.🛡️ Online: is it safe to meet an online stranger? (a) not safe (b) safe
39. 39.🌈 Which colour of light is strongest in rgb(159, 90, 30)? (a) green (b) blue (c) red
40. 40.Which of these is true of a code editor? (a) answers page requests (b) shows line numbers (c) stores a website’s files (d) has an address bar

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