Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 586 · 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 of these goes in the body? (a) <link rel="stylesheet"> (b) <ul> (c) <style> (d) <meta charset="utf-8">
2. 2.⚡ What number does this code print?
   let a = 9;
   let b = 29;
   console.log(a + b);
3. 3.🖌️ What colour are the letters?
   h1 {
     text-align: right;
     font-size: 12px;
     color: white;
     background-color: purple;
   } (a) purple (b) red (c) white
4. 4.True or false: in <img>, width describes the picture. (a) True (b) False
5. 5.♿ Does this help everyone, or make the page harder to use: tiny grey text? (a) helps everyone (b) makes it harder
6. 6.Which of these is a closing tag? (a) <title> (b) <p> (c) </body> (d) <body>
7. 7.📋 What number does the browser show next to “Litchi”?
   <ol start="5">
     <li>Orange</li>
     <li>Banana</li>
     <li>Litchi</li>
     <li>Mango</li>
     <li>Jamun</li>
     <li>Guava</li>
   </ol>
8. 8.🧭 Which semantic tag holds extra side notes? (a) <main> (b) <aside> (c) <nav> (d) <article>
9. 9.⚡ Which JavaScript word repeats code? (a) alert() (b) let (c) for (d) if
10. 10.📱 Responsive design means a page ___. (a) has no pictures (b) never changes (c) is only for laptops (d) fits every screen
11. 11.📝 Does <title> have a closing tag, or is it an empty tag? (a) an empty tag (b) has a closing tag
12. 12.True or false: #logo is a class selector. (a) True (b) False
13. 13.🔁 What does this code print?
    let age = 18;
    if (age >= 37) {
      console.log("teen");
    } else {
      console.log("child");
    } (a) child (b) teen
14. 14.Which of these is a weak password? (a) S0lar!Pen#8 (b) Chai$Cup_19x (c) 111111 (d) Blue@Tiger_74
15. 15.Which of these is true of <header>? (a) holds the main content (b) helps you move around (c) is the page’s key part (d) holds the logo and title
16. 16.What is <input type="submit"> for? (a) hides what you type (b) takes only numbers (c) lets you pick only one (d) sends the form
17. 17.Which of these is safe to do online? (a) share your password (b) post your home address (c) keep passwords secret (d) type a password on http
18. 18.🏷️ Is </h1> an opening tag or a closing tag? (a) an opening tag (b) a closing tag
19. 19.🧭 Is <footer> semantic or not semantic? (a) not semantic (b) semantic
20. 20.True or false: “skipping heading levels” makes the page harder to use. (a) False (b) True
21. 21.🖌️ How big is the text, in px?
    h2 {
      text-align: center;
      background-color: blue;
      color: orange;
      font-size: 32px;
    }
22. 22.Which of these does HTML do? (a) sets colours and fonts (b) lays out the page (c) rounds box corners (d) makes a link
23. 23.🔍 Which is the odd one out? (a) turns HTML into a page (b) answers page requests (c) has an address bar (d) opens web pages for us
24. 24.🔍 Which is the odd one out? (a) opens web pages for us (b) has an address bar (c) colours code to help us (d) shows pages from the web
25. 25.True or false: HTML makes headings and lists. (a) True (b) False
26. 26.📝 What does <p> make? (a) a table (b) a paragraph (c) a link (d) a picture
27. 27.True or false: <input type="submit"> is for an email address. (a) False (b) True
28. 28.🔢 In a basic web page file, which comes first: “</body>” or “<!DOCTYPE html>”? (a) <!DOCTYPE html> (b) </body>
29. 29.📊 How many cells does this table have in all?
    <table>
      <tr><td>Litchi</td><td>Jamun</td><td>Litchi</td></tr>
      <tr><td>Litchi</td><td>Orange</td><td>Litchi</td></tr>
    </table>
30. 30.🛡️ Online: is it safe to download from pop-ups? (a) safe (b) not safe
31. 31.🧭 How many <main> parts should a page have? (a) none (b) one (c) ten (d) three
32. 32.⚖️ Which selector is the weakest? (a) an id selector (b) a class selector (c) an element selector
33. 33.📦 How much space across (px) does this box take in all, margin included?
    .box {
      width: 100px;
      padding: 10px;
      border: 2px solid black;
      margin: 10px;
    }
34. 34.🔢 To build and share your first web page, what comes right after “test in a browser”? (a) write the HTML (b) publish it online (c) plan what to show (d) add CSS styles
35. 35.📋 How many items does this list show?
    <ol>
      <li>Banana</li>
      <li>Papaya</li>
      <li>Mango</li>
      <li>Guava</li>
      <li>Orange</li>
      <li>Litchi</li>
    </ol>
36. 36.🔗 Where does this link open?
    <a href="news.html" target="_blank">Contact us</a> (a) in the same tab (b) in a new tab
37. 37.🖌️ Which CSS property picks the font style? (a) text-align (b) font-size (c) font-family (d) background-color
38. 38.🖼️ How many pixels wide is the picture drawn?
    <img src="map.png" alt="Map of India" width="150">
39. 39.♿ A part of the page is under a <h4> heading. Which tag should its sub-heading use? (a) <h3> (b) <h5> (c) <h2> (d) <h1>
40. 40.🔁 Which word runs code only when something is true? (a) for (b) log (c) let (d) if

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