Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 320 · 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 hex code is yellow? (a) #ffff00 (b) #00ffff (c) #ff00ff (d) #00ff00
2. 2.True or false: HTML on its own cannot add up two numbers. (a) True (b) False
3. 3.Which of these has a closing tag? (a) <input> (b) <ul> (c) <hr> (d) <br>
4. 4.True or false: <caption> makes a heading cell. (a) True (b) False
5. 5.📝 Does <meta> have a closing tag, or is it an empty tag? (a) has a closing tag (b) an empty tag
6. 6.True or false: <ul> goes in the body. (a) False (b) True
7. 7.🖌️ How big is the text, in px?
   h1 {
     text-align: center;
     background-color: black;
     color: blue;
     font-size: 16px;
   }
8. 8.✍️ What value is given to width in this rule?
   h1 {
     font-style: italic;
     width: 300px;
     color: red;
   } (a) italic (b) width (c) red (d) 300px
9. 9.📱 The screen is 320px wide. What font-size (px) does the paragraph get?
   p {
     font-size: 12px;
   }
   @media (max-width: 480px) {
     p {
       font-size: 6px;
     }
   }
10. 10.⚡ What does this code show?
    let name = "Riya";
    console.log("Well done, " + name + "!"); (a) name (b) Riya (c) Well done, name! (d) Well done, Riya!
11. 11.🔗 What does HyperText mean? (a) very big text (b) text in colour (c) text with links (d) secret text
12. 12.🔗 Which code links to about.html? (a) <a src="about.html"> (b) <a href="about.html"> (c) <link about.html> (d) <a alt="about.html">
13. 13.🖌️ How big is the text, in px?
    li {
      color: blue;
      font-size: 24px;
      text-align: right;
      background-color: black;
    }
14. 14.🚀 Which file should this code go in: <a href="a.html">Go</a> (a) index.html (b) style.css (c) script.js
15. 15.🧭 How many <main> parts should a page have? (a) none (b) ten (c) one (d) three
16. 16.🎯 Which CSS selector matches this element?
    <h1 class="box" id="top">Hello</h1> (a) h2 (b) #box (c) .top (d) .box
17. 17.📱 min-width: 800px applies when the screen is ___. (a) exactly 100px (b) 800px or narrower (c) 800px or wider (d) turned off
18. 18.True or false: “use big enough text” helps everyone use the page. (a) False (b) True
19. 19.Which of these is an opening tag? (a) </body> (b) </title> (c) </li> (d) <b>
20. 20.⚡ What number does this code print?
    let marks = 25;
    marks = marks + 16;
    marks = marks - 17;
    console.log(marks);
21. 21.🔡 Are HTML tag names usually written in small letters? (a) Yes (b) No
22. 22.📝 How many paragraphs does this code make?
    <p>Our school trip</p>
    <p>I love mangoes.</p>
    <p>Good morning!</p>
    <p>Cricket is fun.</p>
    <h2>Cricket is fun.</h2>
23. 23.🔠 Which heading shows the SMALLEST text: <h2>, <h5>, <h6> or <h1>? (a) <h6> (b) <h5> (c) <h1> (d) <h2>
24. 24.🔍 Which is the odd one out? (a) changes the page live (b) shows a pop-up message (c) lays out the page (d) checks a quiz answer
25. 25.⚡ What does JavaScript add to a web page? (a) only colours (b) the domain name (c) actions and changes (d) the page title
26. 26.🏷️ Is </b> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
27. 27.⚡ Which JavaScript word makes a new variable? (a) alert() (b) let (c) console.log() (d) if
28. 28.✍️ In color: blue; which part is the property? (a) blue (b) color (c) : (d) ;
29. 29.📝 How many paragraphs does this code make?
    <p>My pets</p>
    <p>Hello, world!</p>
    <p>The red kite</p>
    <h2>The red kite</h2>
    <p>My pets</p>
    <p>I love mangoes.</p>
30. 30.📋 Which list suits a shopping list in any order? (a) <ol> (b) <ul> (c) <br> (d) <hr>
31. 31.📱 max-width: 600px applies when the screen is ___. (a) exactly 1000px (b) turned off (c) 600px or wider (d) 600px or narrower
32. 32.What is <input type="email"> for? (a) takes only numbers (b) is for an email address (c) picks a day (d) is for one line of words
33. 33.🧩 Which language shows a pop-up message? (a) CSS (b) HTML (c) JavaScript
34. 34.🏷️ Is <title> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
35. 35.🔠 Which heading shows the BIGGEST text: <h6>, <h5>, <h3> or <h2>? (a) <h5> (b) <h3> (c) <h2> (d) <h6>
36. 36.🛡️ Is it safe to use the same password on every site? (a) Yes (b) No
37. 37.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="tiger.jpg" alt="A tiger asleep" width="350"> (a) width (b) A tiger asleep (c) tiger.jpg (d) A red kite
38. 38.Which of these goes in the body? (a) <title> (b) <meta charset="utf-8"> (c) <link rel="stylesheet"> (d) <table>
39. 39.True or false: CSS makes a form box. (a) True (b) False
40. 40.True or false: <caption> gives the table a title. (a) True (b) False

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