Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 824 · 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 is an opening tag? (a) </b> (b) </h1> (c) <title> (d) </p>
2. 2.Which of these is an opening tag? (a) </body> (b) </title> (c) </b> (d) <li>
3. 3.🔗 Which tag makes a clickable link? (a) <link> (b) <img> (c) <a> (d) <p>
4. 4.🔠 Which heading shows the SMALLEST text: <h1>, <h6>, <h3> or <h5>? (a) <h6> (b) <h1> (c) <h3> (d) <h5>
5. 5.📊 Are <th> cells shown bold and centred by default? (a) No (b) Yes
6. 6.📦 How wide (px) is this box from the outer edge of its left border to the outer edge of its right border?
   .box {
     width: 90px;
     padding: 30px;
     border: 3px solid black;
     margin: 5px;
   }
7. 7.🛡️ Before typing a password on a site, check the address starts with ___. (a) www (b) ftp (c) http (d) https
8. 8.💪 Which justify-content value puts boxes in the middle? (a) center (b) space-between (c) flex-end (d) flex-start
9. 9.🛡️ Online: is it safe to click prize links? (a) not safe (b) safe
10. 10.True or false: #top { color: blue; } goes in index.html. (a) False (b) True
11. 11.🔍 Which is the odd one out? (a) shows pages from the web (b) hosts websites online (c) turns HTML into a page (d) opens web pages for us
12. 12.💬 How many paragraphs show on the page?
    <p>The red kite</p>
    <p>Good morning!</p>
    <!-- <p>Hello, world!</p> -->
    <p>My pets</p>
13. 13.True or false: HTTPS scrambles data on its way. (a) True (b) False
14. 14.🏷️ Is </li> an opening tag or a closing tag? (a) an opening tag (b) a closing tag
15. 15.💬 How many paragraphs show on the page?
    <p>Good morning!</p>
    <p>Our school trip</p>
    <!-- <p>Hello, world!</p> -->
16. 16.🖼️ Which picture file does the browser load?
    <img src="map.png" alt="Map of India" width="100"> (a) Map of India (b) dog.jpg (c) cake.jpg (d) map.png
17. 17.Which of these is safe to do online? (a) think before you post (b) meet an online stranger (c) share your password (d) click prize links
18. 18.✍️ What value is given to width in this rule?
    h1 {
      width: 300px;
      font-style: italic;
      background-color: yellow;
      margin: 10px;
    } (a) italic (b) width (c) 300px (d) red
19. 19.⚡ What does JavaScript add to a web page? (a) the domain name (b) actions and changes (c) only colours (d) the page title
20. 20.🚀 Which file should this code go in: console.log(5 + 2); (a) script.js (b) style.css (c) index.html
21. 21.📄 Can HTML on its own make headings? (a) Yes (b) No
22. 22.🖼️ Which attribute of <img> tells which image to load? (a) width (b) src (c) alt (d) height
23. 23.⚡ What does this code print? (Look at the quotes!)
    let x = "9";
    let y = 6;
    console.log(x + y); (a) 96 (b) Error (c) 15
24. 24.💬 How does an HTML comment end? (a) --> (b) */ (c) >> (d) //
25. 25.Which of these is a weak password? (a) Blue@Tiger_74 (b) Mango#Kite29! (c) password (d) S0lar!Pen#8
26. 26.💪 Which justify-content value packs boxes at the start? (a) flex-end (b) flex-start (c) space-between (d) center
27. 27.📝 How many paragraphs does this code make?
    <p>Good morning!</p>
    <p>Good morning!</p>
    <h2>I love mangoes.</h2>
    <h2>I love mangoes.</h2>
    <h2>Cricket is fun.</h2>
    <p>Rain today</p>
28. 28.💬 How does an HTML comment start? (a) /* (b) <!-- (c) # (d) //
29. 29.🧭 Which semantic tag holds one blog post? (a) <aside> (b) <footer> (c) <article> (d) <nav>
30. 30.🌈 In #rrggbb, which colour do the first two digits give? (a) blue (b) black (c) red (d) green
31. 31.🔠 Which heading shows the BIGGEST text: <h6>, <h1>, <h4> or <h3>? (a) <h3> (b) <h6> (c) <h4> (d) <h1>
32. 32.🏷️ Is </b> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
33. 33.🔠 Which heading shows the SMALLEST text: <h6>, <h5>, <h2> or <h3>? (a) <h2> (b) <h5> (c) <h6> (d) <h3>
34. 34.⚡ What does this code show?
    let name = "Zoya";
    alert("Well done, " + name + "!"); (a) Zoya (b) name (c) Well done, Zoya! (d) Well done, name!
35. 35.🎨 A CSS file usually ends with which extension? (a) .js (b) .html (c) .css (d) .png
36. 36.🧭 How many <main> parts should a page have? (a) ten (b) none (c) one (d) three
37. 37.🖼️ Which picture file does the browser load?
    <img src="tiger.jpg" alt="A tiger asleep" width="300"> (a) kite.png (b) map.png (c) tiger.jpg (d) A tiger asleep
38. 38.True or false: <header> sits at the very top. (a) True (b) False
39. 39.What does justify-content: flex-start do? (a) equal gaps, none at ends (b) packs boxes at the start (c) packs boxes at the end (d) puts boxes in the middle
40. 40.🎯 Which CSS selector matches this element?
    <li class="red" id="intro">Hello</li> (a) .intro (b) li (c) #main (d) #red

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