Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 218 · 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.📄 Can HTML on its own make headings? (a) No (b) Yes
2. 2.💬 Which text will NOT show on the page?
   <!-- <p>Fun facts</p> -->
   <p>My best friend</p>
   <p>Good morning!</p>
   <p>My pets</p> (a) My pets (b) Fun facts (c) Good morning! (d) My best friend
3. 3.✍️ How many declarations (property: value pairs) are in this rule?
   p {
     background-color: yellow;
   }
4. 4.🔗 Where does this link open?
   <a href="art.html">Visit the site</a> (a) in a new tab (b) in the same tab
5. 5.True or false: <meta charset="utf-8"> goes in the body. (a) True (b) False
6. 6.📛 In <a href="x.html">, what is href? (a) a comment (b) a closing tag (c) an element name (d) an attribute
7. 7.🖼️ Which attribute of <img> tells which image to load? (a) alt (b) src (c) width (d) height
8. 8.🔁 Which word runs code only when something is true? (a) log (b) let (c) for (d) if
9. 9.🖼️ The picture cannot load. Which text does the browser show instead?
   <img src="bus.jpg" alt="Our school bus" width="100"> (a) bus.jpg (b) Our school bus (c) An old fort (d) width
10. 10.🔠 How many headings are in this code?
    <h1>I love mangoes.</h1>
    <p>I love mangoes.</p>
    <p>The red kite</p>
    <p>My best friend</p>
    <p>Fun facts</p>
11. 11.Which of these does CSS do? (a) gives the page structure (b) sets colours and fonts (c) checks a quiz answer (d) makes headings and lists
12. 12.📊 In a table, which tag is a row? (a) <th> (b) <td> (c) <tb> (d) <tr>
13. 13.🌈 Which hex code is cyan? (a) #ff00ff (b) #00ffff (c) #0000ff (d) #00ff00
14. 14.🔠 Which tag is the least important heading? (a) <h3> (b) <p> (c) <h6> (d) <h1>
15. 15.🔗 Which words do you click on?
    <a href="art.html">About us</a> (a) art.html (b) href (c) About us (d) Contact us
16. 16.Which of these is safe to do online? (a) share your password (b) type a password on http (c) meet an online stranger (d) ask before downloading
17. 17.🛡️ Online: is it safe to tell a trusted adult? (a) not safe (b) safe
18. 18.Which of these goes in the body? (a) <link rel="stylesheet"> (b) <meta charset="utf-8"> (c) <style> (d) <p>
19. 19.🔍 Which is the odd one out? (a) makes a form box (b) makes a link (c) makes headings and lists (d) shows a pop-up message
20. 20.🏷️ Every HTML tag starts with which sign? (a) { (b) < (c) [ (d) (
21. 21.🔠 Which heading shows the BIGGEST text: <h3>, <h6>, <h5> or <h1>? (a) <h6> (b) <h5> (c) <h3> (d) <h1>
22. 22.⚡ What number does this code print?
    let a = 9;
    let b = 2;
    console.log(a * b);
23. 23.🔍 Which is the odd one out? (a) adds space around boxes (b) sets colours and fonts (c) rounds box corners (d) reacts to a button click
24. 24.🔠 Which heading shows the SMALLEST text: <h2>, <h6>, <h3> or <h4>? (a) <h4> (b) <h6> (c) <h2> (d) <h3>
25. 25.🖼️ Why do we add alt text to an image? (a) to make it bigger (b) to load it faster (c) to colour it (d) to describe the image
26. 26.🖌️ Which CSS property makes letters bigger? (a) font-size (b) background-color (c) text-align (d) font-family
27. 27.🔠 Which heading shows the BIGGEST text: <h6>, <h3>, <h1> or <h2>? (a) <h6> (b) <h3> (c) <h1> (d) <h2>
28. 28.💬 How many paragraphs show on the page?
    <!-- <p>Cricket is fun.</p> -->
    <p>I love mangoes.</p>
    <p>Our school trip</p>
29. 29.📊 Which tag holds the whole table? (a) <caption> (b) <th> (c) <table> (d) <tr>
30. 30.🌈 How many pairs of hex digits are in a colour like #ff8800? (a) 2 (b) 4 (c) 6 (d) 3
31. 31.📋 Which list tag is an unordered list? (a) <ol> (b) <li> (c) <ul>
32. 32.⚡ What does JavaScript add to a web page? (a) the domain name (b) actions and changes (c) only colours (d) the page title
33. 33.🖌️ Where does the text sit on its line?
    li {
      text-align: left;
      font-size: 36px;
      color: orange;
      background-color: yellow;
    } (a) in the middle (b) on the left (c) on the right
34. 34.🖌️ What colour are the letters?
    h2 {
      color: purple;
      text-align: center;
      background-color: green;
      font-size: 40px;
    } (a) purple (b) green (c) red
35. 35.🔠 Are headings shown in bold by default? (a) Yes (b) No
36. 36.📝 What does <hr> draw? (a) a table (b) a picture (c) a link (d) a line across the page
37. 37.💬 How does an HTML comment end? (a) >> (b) // (c) --> (d) */
38. 38.⚡ What number does this code print?
    let runs = 20;
    runs = runs + 13;
    runs = runs - 15;
    console.log(runs);
39. 39.📄 What is the big heading shown on this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>My Hobbies</title>
    </head>
    <body>
      <h1>Match report</h1>
      <p>Try this poha.</p>
    </body>
    </html> (a) Try this poha. (b) My Hobbies (c) Match report (d) body
40. 40.✍️ What value is given to background-color in this rule?
    .note {
      background-color: yellow;
      padding: 8px;
      text-align: center;
      width: 300px;
    } (a) 8px (b) background-color (c) 10px (d) yellow

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