Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 618 · 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.True or false: <h1> goes in the head. (a) True (b) False
2. 2.True or false: a code editor opens web pages for us. (a) True (b) False
3. 3.📝 How many paragraphs does this code make?
   <p>Fun facts</p>
   <p>My pets</p>
   <h2>Hello, world!</h2>
4. 4.Which of these is a weak password? (a) Blue@Tiger_74 (b) S0lar!Pen#8 (c) riya2014 (d) Kite_Fl1es@Dawn
5. 5.💬 How does an HTML comment start? (a) // (b) /* (c) # (d) <!--
6. 6.True or false: a web browser has an address bar. (a) True (b) False
7. 7.♿ Does this help everyone, or make the page harder to use: skipping heading levels? (a) makes it harder (b) helps everyone
8. 8.📝 How many <input> tags are in this form?
   <form>
     <input type="date">
     <input type="password">
     <input type="text">
     <input type="email">
     <input type="checkbox">
     <input type="submit" value="Send">
   </form>
9. 9.⚖️ Which selector is the strongest? (a) an id selector (b) a class selector (c) an element selector
10. 10.📦 In the box model, which part is the text or picture? (a) padding (b) content (c) margin (d) border
11. 11.🖼️ How many pixels wide is the picture drawn?
    <img src="cake.jpg" alt="Birthday cake" width="250">
12. 12.Which of these is a weak password? (a) Blue@Tiger_74 (b) Kite_Fl1es@Dawn (c) Mango#Kite29! (d) 123456
13. 13.What is <input type="password"> for? (a) is for one line of words (b) hides what you type (c) sends the form (d) picks a day
14. 14.Which of these is not safe to do online? (a) check for https first (b) put secrets in comments (c) use a nickname in games (d) think before you post
15. 15.🌈 Which colour is rgb(255, 255, 0)? (a) blue (b) black (c) red (d) yellow
16. 16.True or false: <title> goes in the body. (a) True (b) False
17. 17.🔗 Which words do you click on?
    <a href="about.html">About us</a> (a) Contact us (b) about.html (c) href (d) About us
18. 18.📝 Which input type hides what you type? (a) email (b) submit (c) password (d) checkbox
19. 19.True or false: <table> holds the whole table. (a) True (b) False
20. 20.🌍 Which one sends the page back? (a) the browser (b) the server (c) the URL (d) HTTPS
21. 21.🔠 Which heading shows the BIGGEST text: <h1>, <h2>, <h6> or <h4>? (a) <h1> (b) <h2> (c) <h4> (d) <h6>
22. 22.🧭 Is <article> semantic or not semantic? (a) semantic (b) not semantic
23. 23.✍️ Which sign ends each CSS declaration? (a) , (b) ; (c) : (d) .
24. 24.💬 How does an HTML comment end? (a) // (b) */ (c) --> (d) >>
25. 25.📊 How many heading cells (<th>) does this table have?
    <table>
      <tr><th>Name</th><th>Fruit</th></tr>
      <tr><td>Orange</td><td>Papaya</td></tr>
      <tr><td>Jamun</td><td>Litchi</td></tr>
      <tr><td>Jamun</td><td>Jamun</td></tr>
    </table>
26. 26.🚀 Which file should this code go in: <a href="a.html">Go</a> (a) style.css (b) index.html (c) script.js
27. 27.💬 Does the browser show comments on the page? (a) No (b) Yes
28. 28.📄 Where does <style> go: in the head or in the body? (a) in the head (b) in the body
29. 29.📝 Does <b> have a closing tag, or is it an empty tag? (a) an empty tag (b) has a closing tag
30. 30.Which of these is true of a web server? (a) turns HTML into a page (b) shows line numbers (c) hosts websites online (d) is where we type code
31. 31.🔠 Which heading shows the BIGGEST text: <h5>, <h2>, <h1> or <h4>? (a) <h4> (b) <h5> (c) <h2> (d) <h1>
32. 32.🏷️ Is <p> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
33. 33.🔠 How many heading levels does HTML have? (a) 4 (b) 3 (c) 10 (d) 6
34. 34.Which of these is true of a web server? (a) stores a website’s files (b) has an address bar (c) is where we type code (d) shows pages from the web
35. 35.🔠 How many headings are in this code?
    <h1>Good morning!</h1>
    <p>Cricket is fun.</p>
    <p>I love mangoes.</p>
    <p>Cricket is fun.</p>
    <p>The red kite</p>
36. 36.🔗 Which address opens when you click this link?
    <a href="contact.html">About us</a> (a) maths.html (b) About us (c) https://example.com (d) contact.html
37. 37.True or false: “link text “click here”” makes the page harder to use. (a) False (b) True
38. 38.📝 What does a password box show instead of letters? (a) numbers (b) emojis (c) capital letters (d) dots
39. 39.⚖️ What colour is the text of this element?
    <h1 class="menu" id="main">Hi</h1>
    CSS:
    .menu { color: black; }
    .menu { color: orange; } (a) black (b) purple (c) white (d) orange
40. 40.⚖️ What colour is the text of this element?
    <h2 class="note" id="intro">Hi</h2>
    CSS:
    .note { color: red; }
    h2 { color: blue; } (a) blue (b) orange (c) green (d) red

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