Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 719 · 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.📄 What does the browser tab show for this page?
   <!DOCTYPE html>
   <html>
   <head>
     <title>Space Facts</title>
   </head>
   <body>
     <h1>Easy snacks</h1>
     <p>I like to read.</p>
   </body>
   </html> (a) Easy snacks (b) Space Facts (c) I like to read. (d) index.html
2. 2.🖌️ What colour are the letters?
   p {
     text-align: left;
     background-color: white;
     font-size: 32px;
     color: green;
   } (a) green (b) white (c) blue
3. 3.🔗 Which code links to about.html? (a) <a href="about.html"> (b) <link about.html> (c) <a src="about.html"> (d) <a alt="about.html">
4. 4.📝 On how many lines does the browser show this paragraph?
   <p>Roses are red<br>Sky is blue</p>
5. 5.True or false: <tr> makes one table row. (a) False (b) True
6. 6.📝 On how many lines does the browser show this paragraph?
   <p>Sky is blue<br>Rivers flow</p>
7. 7.⚖️ What colour is the text of this element?
   <p class="note" id="main">Hi</p>
   CSS:
   p { color: black; }
   .note { color: white; }
   #main { color: red; } (a) red (b) blue (c) white (d) black
8. 8.📝 Which input type is for an email address? (a) submit (b) number (c) email (d) checkbox
9. 9.🔍 Which is the odd one out? (a) puts a picture on a page (b) changes the page live (c) counts down a timer (d) shows a pop-up message
10. 10.True or false: <img src="cat.png"> goes in script.js. (a) False (b) True
11. 11.🚀 Which file should this code go in: h1 { font-size: 32px; } (a) script.js (b) style.css (c) index.html
12. 12.🚀 Which file should this code go in: <ul><li>Art</li></ul> (a) style.css (b) index.html (c) script.js
13. 13.🚀 Which file should this code go in: alert(score); (a) index.html (b) style.css (c) script.js
14. 14.True or false: in <img>, src describes the picture. (a) True (b) False
15. 15.📝 How many paragraphs does this code make?
    <p>Cricket is fun.</p>
    <h2>Hello, world!</h2>
    <p>My pets</p>
    <p>Our school trip</p>
16. 16.🔍 Which is the odd one out? (a) answers page requests (b) has an address bar (c) sends pages over the net (d) hosts websites online
17. 17.Which of these is true of a web server? (a) stores a website’s files (b) turns HTML into a page (c) colours code to help us (d) has an address bar
18. 18.True or false: HTML on its own can add pictures to a page. (a) True (b) False
19. 19.True or false: HTML lays out the page. (a) True (b) False
20. 20.🔍 One closing tag is missing. Which one?
    <small>Rain today</small>
    <h1>I love mangoes.
    <p>Hello, world!</p> (a) </p> (b) </b> (c) </h1> (d) </small>
21. 21.📝 What does <hr> draw? (a) a table (b) a link (c) a line across the page (d) a picture
22. 22.📊 How many rows does this table have?
    <table>
      <tr><th>Name</th><th>Fruit</th><th>Price</th></tr>
      <tr><td>Jamun</td><td>Grapes</td><td>Papaya</td></tr>
      <tr><td>Jamun</td><td>Litchi</td><td>Litchi</td></tr>
    </table>
23. 23.Which of these is true of a web browser? (a) answers page requests (b) shows pages from the web (c) colours code to help us (d) shows line numbers
24. 24.🌈 Which hex code is bright green? (a) #ffffff (b) #0000ff (c) #000000 (d) #00ff00
25. 25.🔐 Is riya2014 a strong or a weak password? (a) strong (b) weak
26. 26.🔢 To build and share your first web page, what comes right after “test in a browser”? (a) publish it online (b) plan what to show (c) write the HTML (d) add CSS styles
27. 27.🔍 One closing tag is missing. Which one?
    <em>My pets</em>
    <strong>My best friend
    <small>Good morning!</small> (a) </b> (b) </strong> (c) </em> (d) </small>
28. 28.Which of these is an empty tag? (a) <title> (b) <b> (c) <br> (d) <p>
29. 29.🚀 Which program lets you see your web page while you build it? (a) a photo viewer (b) a web browser (c) a music player (d) a calculator
30. 30.🧩 An opening tag + content + a closing tag together make an ___. (a) address (b) editor (c) attribute (d) element
31. 31.✍️ Which property is set to 300px in this rule?
    p {
      width: 300px;
      text-align: center;
    } (a) 300px (b) color (c) width (d) font-style
32. 32.📦 How much space across (px) does this box take in all, margin included?
    .box {
      width: 280px;
      padding: 10px;
      border: 2px solid black;
      margin: 5px;
    }
33. 33.📊 How many cells are in each row?
    <table>
      <tr><td>Orange</td><td>Guava</td><td>Papaya</td></tr>
      <tr><td>Jamun</td><td>Jamun</td><td>Grapes</td></tr>
    </table>
34. 34.⚖️ What colour is the text of this element?
    <p class="note" id="intro">Hi</p>
    CSS:
    .note { color: purple; }
    .note { color: red; } (a) purple (b) orange (c) red (d) blue
35. 35.True or false: <h1> is an empty tag. (a) True (b) False
36. 36.💬 How does an HTML comment end? (a) --> (b) // (c) >> (d) */
37. 37.🔁 What does this code print?
    let age = 7;
    if (age >= 5) {
      console.log("teen");
    } else {
      console.log("child");
    } (a) child (b) teen
38. 38.⚡ Which JavaScript word makes a new variable? (a) console.log() (b) for (c) if (d) let
39. 39.📦 How much space across (px) does this box take in all, margin included?
    .box {
      width: 180px;
      padding: 30px;
      border: 5px solid black;
      margin: 15px;
    }
40. 40.🌍 Which program shows a web page to us? (a) a music player (b) a paint program (c) a web browser (d) a calculator

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