Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 52 · 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 heading shows the SMALLEST text: <h2>, <h3>, <h6> or <h5>? (a) <h3> (b) <h6> (c) <h2> (d) <h5>
2. 2.Which of these is a strong password? (a) qwerty (b) Mango#Kite29! (c) 123456 (d) riya2014
3. 3.🔗 Which tag makes a clickable link? (a) <img> (b) <p> (c) <link> (d) <a>
4. 4.True or false: to log out on shared PCs is safe. (a) False (b) True
5. 5.Which of these is true of a code editor? (a) stores a website’s files (b) answers page requests (c) turns HTML into a page (d) colours code to help us
6. 6.🌈 Hex digits go 0 to 9, then A to which letter? (a) J (b) Z (c) G (d) F
7. 7.📋 What number does the browser show next to “Guava”?
   <ol>
     <li>Mango</li>
     <li>Jamun</li>
     <li>Grapes</li>
     <li>Guava</li>
     <li>Litchi</li>
     <li>Papaya</li>
   </ol>
8. 8.📋 How many items does this list show?
   <ol>
     <li>Guava</li>
     <li>Papaya</li>
     <li>Banana</li>
     <li>Grapes</li>
   </ol>
9. 9.Which of these does HTML do? (a) makes a link (b) rounds box corners (c) shows a pop-up message (d) checks a quiz answer
10. 10.📄 Where does <title> go: in the head or in the body? (a) in the body (b) in the head
11. 11.💪 Which justify-content value puts boxes in the middle? (a) space-between (b) flex-end (c) flex-start (d) center
12. 12.🔠 How many headings are in this code?
    <h1>Hello, world!</h1>
    <h2>Good morning!</h2>
    <h2>Rain today</h2>
13. 13.🖌️ How big is the text, in px?
    li {
      text-align: right;
      background-color: red;
      font-size: 12px;
      color: blue;
    }
14. 14.Which of these goes in the body? (a) <link rel="stylesheet"> (b) <h1> (c) <title> (d) <meta charset="utf-8">
15. 15.📝 What does <br> do? (a) makes a list (b) makes text bold (c) adds a picture (d) starts a new line
16. 16.What is <input type="radio"> for? (a) takes only numbers (b) hides what you type (c) picks a day (d) lets you pick only one
17. 17.🎯 What kind of selector is #main? (a) a class selector (b) an element selector (c) an id selector
18. 18.True or false: “write clear link text” makes the page harder to use. (a) True (b) False
19. 19.🖼️ Which attribute of <img> shows if the image fails? (a) width (b) src (c) alt (d) height
20. 20.🔢 In a basic web page file, which comes FIRST? (a) </head> (b) <head> (c) <!DOCTYPE html> (d) <html>
21. 21.🔠 How many headings are in this code?
    <h1>My best friend</h1>
    <p>My pets</p>
    <p>Fun facts</p>
    <p>Cricket is fun.</p>
22. 22.🏷️ Which is the closing tag for <h1>? (a) <h1/> (b) <h1> (c) </h1> (d) <\h1>
23. 23.⚖️ Two rules with the same selector set a colour. Which one wins? (a) neither (b) the first one (c) the later one (d) the shorter one
24. 24.🖼️ How many pixels wide is the picture drawn?
    <img src="kite.png" alt="A red kite" width="300">
25. 25.What does background-color do? (a) makes the text bold (b) sets the letter colour (c) makes letters bigger (d) colours behind the text
26. 26.🌈 Which colour is rgb(0, 0, 255)? (a) white (b) cyan (c) blue (d) magenta
27. 27.🔒 Is the connection to this address scrambled (encrypted)?
    http://kids.example.org/index.html (a) Yes (b) No
28. 28.🎯 Which CSS selector matches this element?
    <div class="red" id="intro">Hello</div> (a) #red (b) span (c) div (d) .box
29. 29.📄 Where does <link rel="stylesheet"> go: in the head or in the body? (a) in the head (b) in the body
30. 30.Which of these does HTML do? (a) checks a quiz answer (b) reacts to a button click (c) makes headings and lists (d) adds space around boxes
31. 31.🌈 Which hex code is white? (a) #ffffff (b) #00ffff (c) #ff0000 (d) #ff00ff
32. 32.✍️ How many declarations (property: value pairs) are in this rule?
    h1 {
      background-color: yellow;
      border: 2px solid;
    }
33. 33.🌍 What is the protocol in this URL?
    https://www.example.com/art/gallery.html (a) https (b) www.example.com (c) /art/gallery.html (d) http
34. 34.True or false: console.log(5 + 2); goes in index.html. (a) True (b) False
35. 35.📄 What does the browser tab show for this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Class 7 Blog</title>
    </head>
    <body>
      <h1>Match report</h1>
      <p>We won by 5 runs.</p>
    </body>
    </html> (a) Match report (b) We won by 5 runs. (c) Class 7 Blog (d) index.html
36. 36.True or false: “write clear link text” helps everyone use the page. (a) False (b) True
37. 37.📋 How many items does this list show?
    <ol>
      <li>Mango</li>
      <li>Jamun</li>
    </ol>
38. 38.🔐 Is Chai$Cup_19x a strong or a weak password? (a) strong (b) weak
39. 39.🖌️ How big is the text, in px?
    p {
      text-align: right;
      font-size: 32px;
      background-color: green;
      color: black;
    }
40. 40.⚡ What number does this code print?
    let a = 2;
    let b = 4;
    console.log(a * b);

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